Bonjour, qu'en est-il de l'option d'implémentation pour être averti lorsque l'image a été chargée ? Il sera très utile dans de nombreux cas.
Je vous propose cet exemple d'utilisation :
@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;
}
}
Si l'idée est bonne, alors je pourrais faire une pull request, si nécessaire.
Salut,
J'y ai pensé et je peux voir un cas d'utilisation. J'accepte volontiers les pull requests :). Cela devrait être assez facile à mettre en œuvre puisque cet observateur est émis lorsque l'image est chargée : https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37
Besoin de ça aussi! Commentant aussi pour que je sache quand il est fusionné.
Corrigé dans #177
Inclus dans 3.2.0
Merci @rimlin
Commentaire le plus utile
Salut,
J'y ai pensé et je peux voir un cas d'utilisation. J'accepte volontiers les pull requests :). Cela devrait être assez facile à mettre en œuvre puisque cet observateur est émis lorsque l'image est chargée : https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37