Ng-lazyload-image: رد عند تحميل الصورة

تم إنشاؤها على ١٨ يوليو ٢٠١٧  ·  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 التقييمات