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