Ng-lazyload-image: Retorno de chamada quando a imagem é carregada

Criado em 18 jul. 2017  ·  5Comentários  ·  Fonte: tjoskar/ng-lazyload-image

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.

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

Todos 5 comentários

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

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

philipgiuliani picture philipgiuliani  ·  11Comentários

tjoskar picture tjoskar  ·  4Comentários

sandeepdussa picture sandeepdussa  ·  9Comentários

stratio84 picture stratio84  ·  6Comentários

walfro picture walfro  ·  11Comentários