Ng-lazyload-image: Обратный вызов при загрузке изображения

Созданный на 18 июл. 2017  ·  5Комментарии  ·  Источник: tjoskar/ng-lazyload-image

Здравствуйте, как насчет реализации опции получения уведомления при загрузке изображения? Это будет очень полезно во многих случаях.
Я предлагаю этот пример использования:

@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;
    }
}

Если идея хороша, то я мог бы сделать запрос на включение, если это необходимо.

Самый полезный комментарий

Привет,
Я думал об этом, и я вижу некоторые варианты использования. Я с радостью принимаю запросы на вытягивание :). Это должно быть довольно легко реализовать, поскольку этот наблюдатель испускается при загрузке изображения: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37 .

Все 5 Комментарий

Привет,
Я думал об этом, и я вижу некоторые варианты использования. Я с радостью принимаю запросы на вытягивание :). Это должно быть довольно легко реализовать, поскольку этот наблюдатель испускается при загрузке изображения: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37 .

Это тоже нужно! Комментируя тоже, чтобы я знал, когда он объединен.

Исправлено в #177

Включено в 3.2.0
Спасибо @rimlin

Была ли эта страница полезной?
0 / 5 - 0 рейтинги