img load event not firing

Question

Я должен следовать директиве, что я пытаюсь установить прослушиватель onload для тега img. Внутри этой функции ссылок я программно генерирую 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 /> 

элем является «ДИВ» вместо изображения

Answer 2

elem.on('load') является слушателем событий в стиле jQuery. Не похоже, что у вас есть объект jQuery, так как elem - он пришел прямо из Angular. Так что попробуйте:

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

или

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