我有看起来像的图片<img ng-src="dynamically inserted url"/>。加载单个图像时,我需要应用iScroll refresh()方法以使图像可滚动。
<img ng-src="dynamically inserted url"/>
知道何时完全加载映像以运行某些回调的最佳方法是什么?
这是一个如何调用图像加载的示例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 />