Click outside angular directive

click-outside.directive.js

let hookInstalled = false;

function ClickOutsideDirective($window, $rootScope, $parse) {
  'ngInject';

  return {
    restrict: 'A',
    link: function(scope, elem, attr) {
      if (!hookInstalled) {
        $window.document.addEventListener('click', function(event) {
          $rootScope.$broadcast('click', {
            event
          });
        });
      }

      let unsubscribe = $rootScope.$on('click', function() {
        if (!elem[0].contains(event.target)) {
          scope.$apply(function() {
            $parse(attr.clickOutside)(scope);
          });
        }
      });

      scope.$on('$destroy', () => {
        unsubscribe();
      });
    }
  };
}

export default {
  directive: ClickOutsideDirective,
  register: module => {
    module.directive('clickOutside', ClickOutsideDirective);
  }
};