onOutsideClick

onOutsideClick.ng-directive.js

  angular
    .module('smartjs').directive('onOutsideClick', function($parse) {
      return {
        restrict: 'A',
        link: function($scope, $element, $attr) {
          var element = $element[0];
          var fn = function() {
            $scope.$eval($attr.onOutsideClick);
          };
          var onBodyClickHandler = function(ev) {
            var targetEl = ev.target;
            if(element === targetEl || element.contains(targetEl)) {
              return;
            }
            fn();
          };
          // to prevent handling event which add element to DOM
          document.body.addEventListener('click', onBodyClickHandler, true);
          // angular.element(element).ready(function() {
          //	document.body.addEventListener('click', onBodyClickHandler);
          // });
          $element.on('$destroy', function() {
            document.body.removeEventListener('click', onBodyClickHandler);
          });
        }
      };
    });