javascript - img 加载事件未触发

Question

我必须遵循尝试为 img 标签设置 onload 监听器的指令。在该链接函数内，我以编程方式生成 img src。

angular.module('test', [])
.directive('imgTest', function() {
  return {
    restrict: 'A',
    template: '<img ng-src="{{imgSrc}}"></img>',
      link: function(scope, elem) {
      elem.on('load', function() {
        console.log('image loaded');
      });

      scope.imgSrc = "someurl?token=" + getAccessToken();  
    }
  };
});

但是 onload 函数没有触发。请放轻松，我确信我正在做一些非常愚蠢的事情:)

Answer 1

“元素”不是图像。如果您使用如下指令，

<div img-test />

元素是“div”而不是图像