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

Question

我目前正在尝试为<a>and编写自定义指令<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);
        }
    };
}]);