Olá, que tal implementar a opção para receber uma notificação quando a imagem for carregada? Será muito útil em muitos casos.
Sugiro este exemplo de uso:
@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;
}
}
Se a ideia for boa, posso fazer pull request, se necessário.
Oi,
Eu estive pensando sobre isso e posso ver alguns casos de uso. Aceito de bom grado pull requests :). Deve ser bastante fácil de implementar, pois esse observador é emitido quando a imagem é carregada: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37
Precisa disso também! Comentando também para eu saber quando é mesclado.
Corrigido em #177
Incluído em 3.2.0
Obrigado @rimlin
Comentários muito úteis
Oi,
Eu estive pensando sobre isso e posso ver alguns casos de uso. Aceito de bom grado pull requests :). Deve ser bastante fácil de implementar, pois esse observador é emitido quando a imagem é carregada: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37