AutoClose Directive

autoclose.js

export function AutocloseDirective ($document, $timeout) {
  'ngInject';

  let directive = {
    restrict: 'A',
    scope: { visible: "=mdAutoclose" },
    link: (scope) => {
      let close = () => {
        scope.$apply(() => {scope.visible = false;});
      };
      scope.$watch('visible', (val) => {
        if (val) {
          $timeout(() => {$document.on('click', close);});
        } else {
          $document.off('click', close) ;
        }
      });
    }
  };

  return directive;
}