Question

我的angular.js知识非常有限。目前我通过

加载图片

<img class="main" ng-src="{{URL}}{{magazine[pdf][page].url}}"/>

这很好用，所以我不会打扰js代码。我希望在图像加载时收到警报。所以我将代码更改为

<img class="main" ng-src="{{URL}}{{magazine[pdf][page].url}}" onload="preLoad()"/>

angular.js

$scope.preload = function() {
    alert("Image is loaded");
};

当图像最初加载时，我没有得到警告。当我刷新页面并从缓存加载图像时，我收到警报。我在这里缺少什么？

Answer 1

不是我偶然发现的最佳实现，但似乎有效;

我给了HTML元素一个id

<img class="main" id="mainImage" ng-src="{{URL}}{{magazine[pdf][page].url}}"/>

并在我的控制器末尾添加了这个jScript

    var imageLoaded = document.getElementById('mainImage');

    imageLoaded.onload = function () {
        alert ("Image has loaded!");        
    };

我不确定为什么这会对我的原始实现有效，但我将此留给其他寻找解决方案的人

onload图像，调用功能显示警报

1 个答案: