一尘不染

AngularJS中ng-src中的图像加载事件

angularjs

我有看起来像的图片<img ng-src="dynamically inserted url"/>。加载单个图像时,我需要应用iScroll
refresh()方法以使图像可滚动。

知道何时完全加载映像以运行某些回调的最佳方法是什么?


阅读 203

收藏
2020-07-04

共1个答案

一尘不染

这是一个如何调用图像加载的示例http://jsfiddle.net/2CsfZ/2/

基本思想是创建一个指令并将其作为属性添加到img标签。

JS:

app.directive('imageonload', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('load', function() {
                alert('image is loaded');
            });
            element.bind('error', function(){
                alert('image could not be loaded');
            });
        }
    };
});

HTML:

 <img ng-src="{{src}}" imageonload />
2020-07-04