Click handler that will not fire if element is disabled. (anchor tags)

click.js

/*
  Will call your click handler if the element is not disabled.
  Usefull for legacy apps where elements such as anchor tags are used.
  As these do not respect the disabled attribute.
  
  Does not matter how element is disabled, angular, jQuery native or even devTools.
  
  Should strongly consider using it outside the `ng` namesapce.
*/

angular.module('').directive('ngAnchorClick', function ($parse) {
  return {
    restrict: 'A',
    compile: function ($element, attr) {
      var fn = $parse(attr['ngAnchorClick'], null, true);

      // LinkFn
      return function ($scope, elem) {
        var nativeElem = elem[0];

        nativeElem.addEventListener('click', function (e) {
          if (nativeElem.hasAttribute('disabled')) {
            e.stopPropagation();
            return;
          }

          $scope.$apply(function () {
            fn($scope, {
              $event: e
            });
          });

        });
      }
    }
  }
});