Ng-lazyload-image: Panggilan balik saat gambar dimuat

Dibuat pada 18 Jul 2017  ·  5Komentar  ·  Sumber: tjoskar/ng-lazyload-image

Halo, bagaimana dengan opsi implementasi untuk mendapatkan pemberitahuan saat gambar dimuat? Ini akan sangat berguna dalam banyak kasus.
Saya menyarankan contoh penggunaan ini:

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

Jika idenya bagus, maka saya bisa membuat permintaan tarik, jika diperlukan.

Komentar yang paling membantu

Hai,
Saya telah memikirkan hal ini dan saya dapat melihat beberapa kasus penggunaan. Saya dengan senang hati menerima permintaan tarik :). Seharusnya cukup mudah diterapkan karena pengamat ini dipancarkan ketika gambar dimuat: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Semua 5 komentar

Hai,
Saya telah memikirkan hal ini dan saya dapat melihat beberapa kasus penggunaan. Saya dengan senang hati menerima permintaan tarik :). Seharusnya cukup mudah diterapkan karena pengamat ini dipancarkan ketika gambar dimuat: https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Butuh ini juga! Mengomentari juga jadi saya tahu kapan itu digabungkan.

Diperbaiki di #177

Termasuk dalam 3.2.0
Terima kasih @rimlin

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

philipgiuliani picture philipgiuliani  ·  11Komentar

alisahinozcelik picture alisahinozcelik  ·  4Komentar

lares83 picture lares83  ·  3Komentar

AzerHeshim picture AzerHeshim  ·  5Komentar

vugar005 picture vugar005  ·  10Komentar