我有<img ng-src="dynamically inserted url"/>
张照片.加载单个图像时,我需要应用iScroll refresh()方法,以便使图像可滚动.
了解映像何时已满载以运行回调的最佳方式是什么?
我有<img ng-src="dynamically inserted url"/>
张照片.加载单个图像时,我需要应用iScroll refresh()方法,以便使图像可滚动.
了解映像何时已满载以运行回调的最佳方式是什么?
以下是如何调用image onload 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 />