image loaded event dla ng-src w AngularJS

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?

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 />

Twoja odpowiedź

Zaloguj się aby odpowiedzieć.

Operiada

Operiada to polskojęzyczne forum informatyczne działające na zasadzie pytań i odpowiedzi.

Obserwowane tagi

Zaloguj się aby obserwować tagi.