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

"elemは" 画像ではありません。あなたは、次のようなあなたのディレクティブを使用している場合は、

<div img-test /> 

elemは、代わりに画像

Answer 2

elem.on('load')は、jQueryスタイルのイベントリスナーです。 elemというjQueryオブジェクトがあるようには見えません。それはAngularからまっすぐに来ました。だから、試してみてください。

$(elem).on('load', function() {}) 

または

elem.addEventListener('load', function() {});