window.angular && (function(angular) { 'use strict'; angular.module('app.common.directives') .directive('toggleFlag', function($document) { return { restrict: 'A', link: function(scope, element, attrs) { function elementClick(e) { e.stopPropagation(); } function documentClick(e) { scope[attrs.toggleFlag] = false; scope.$apply(); } element.on('click', elementClick); $document.on('click', documentClick); // remove event handlers when directive is destroyed scope.$on('$destroy', function() { element.off('click', elementClick); $document.off('click', documentClick); }); } }; }); })(window.angular);