Javascript AngularJS组件中的onload图像事件

我使用的是如下定义的角度为1.5的组件

ngModule.component('devStudioImage', {
    template: '<img id= "{{$ctrl.imageName}}" ng-src="{{$ctrl.source}}"/>',
    controller: Controller,
    bindings: {
        imageName: '@',
        imageHeight: '<',
        imageWidth: '<',
        imageDescription: '<?',
        imageLoaded: '&'
    }
});

---

对于这种情况，我将使用指令而不是组件。直接来自AngularJS文档：

不使用组件时：

-用于依赖DOM操作的指令，添加事件侦听器等，因为编译和链接函数不可用

---

您应该为此使用一个指令。但是，如果您确实不想这样做，因为您使用的是Angular，那么您已经有了jquery。Jquery有一个加载函数

.load事件在元素和所有子元素都已完全加载时发送给元素。此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象

---

可以在此处找到文档：

您可以在控制器中尝试此操作：

var element = $element.find('imgID');
    element.on('load', function() {
    alert("image is loaded");
});

---

首先获取图像元素，然后将load事件附加到它。

谢谢，我认为会是这样，我只是想知道是否有其他解决方案。

var element = $element.find('imgID');
    element.on('load', function() {
    alert("image is loaded");
});