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);
        }
    };
}]);

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

1 个答案: