Ng-lazyload-image: Callback wenn Bild geladen wird

Erstellt am 18. Juli 2017  ·  5Kommentare  ·  Quelle: tjoskar/ng-lazyload-image

Hallo, was ist mit der Implementierungsoption, um benachrichtigt zu werden, wenn das Bild geladen wurde? Es wird in vielen Fällen sehr nützlich sein.
Ich schlage dieses Anwendungsbeispiel vor:

@Component({
    selector: 'image',
    template: `
      <div [hidden]="isLoading">
        <img 
          [defaultImage]="defaultImage" 
          [lazyLoad]="image" 
          [offset]="offset"
          (onLoad)="onImageLoad()" />
      </div>
      <div *ngIf="isLoading">
        <loader></loader>
      </div>
    `
})
class ImageComponent {
    defaultImage = 'https://www.placecage.com/1000/1000';
    image = 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0?fm=jpg';
    offset = 100;
    isLoading = true;

    onImageLoad() {
      this.isLoading = false;
    }
}

Wenn die Idee gut ist, könnte ich bei Bedarf eine Pull-Anfrage stellen.

Hilfreichster Kommentar

Hallo,
Ich habe darüber nachgedacht und kann einen Anwendungsfall sehen. Pull-Requests nehme ich gerne an :). Es sollte recht einfach zu implementieren sein, da dieser Beobachter ausgegeben wird, wenn das Bild geladen wird: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Alle 5 Kommentare

Hallo,
Ich habe darüber nachgedacht und kann einen Anwendungsfall sehen. Pull-Requests nehme ich gerne an :). Es sollte recht einfach zu implementieren sein, da dieser Beobachter ausgegeben wird, wenn das Bild geladen wird: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Brauche das auch! Kommentiere auch, damit ich weiß, wann es zusammengeführt wird.

Behoben in #177

In 3.2.0 enthalten
Danke @rimlin

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen