Mam obrazy wyglądające jak <img ng-src="dynamically inserted url"/>. Po załadowaniu pojedynczego obrazu muszę zastosować metodę odświeżania iScroll (), aby umożliwić przewijanie obrazu.
Jaki jest najlepszy sposób, aby wiedzieć, kiedy obraz jest w pełni załadowany, aby uruchomić jakieś wywołanie zwrotne?
0
1 odpowiedź
Podstawową ideą jest stworzenie dyrektywy i dodanie jej jako atrybutu do tagu 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 />
0