使用AngularJS指令覆盖img和a的默认行为

Question

我目前正在尝试为<a>和<img>编写自定义指令。 我有一些测试代码，我想在那里获取图像的src。 但是，当我导航到带有img标签的页面时，以下代码似乎不会触发。

有什么想法吗？

'use strict';

(function() {
  angular.directive('img', [function() {
    return {
      restrict: 'E',
      scope: {
        src: '='
      },
      link: function(scope, element, attrs) {
        console.log(scope.src);
      }
    };
  }]);
})();

Answer 1

我能够使用此代码提取源代码。

var myApp = angular.module('myApp', []);

myApp.directive('img', [function () {
    return {
        restrict: 'E',
        link: function (scope, element, attrs) {
            console.log(attrs.src);
        }
    };
}]);