أنا أستخدمك lazyloading في أيوني 3 لتحميل الصور. لكن القليل من الصور فقط ولا يتم تحميل صور الباقي عند التمرير. أنا لا أستخدم أي إشارة إلى المحتوى.
رمز بلدي
أقوم باستيراد البرنامج المساعد الخاص بك باسم
LazyLoadImageModule.forRoot({
preset: intersectionObserverPreset
})
أنا أستخدمه في تطبيقي كـ
<div class="grid">
<ion-row class="row unlimited-items">
<ion-col col-6 class="col" *ngFor="let item of products ">
<ion-card tappable (click)="getProduct(item.id)">
<img class="image" style="height:auto;width:100%;" [defaultImage]="loadingAnimation" [lazyLoad]="item.images[0].src">
<h5 *ngIf="item.name" class="card-name">{{item.name}}
</h5>
<p class="pricehtml" [innerHTML]="item.price_html"> </p>
</ion-card>
</ion-col>
</ion-row>
</div>
لقد أرفقت لقطة شاشة. بانتظار ردك.
أدى التحديث إلى [email protected] و angular 7 إلى حل المشكلة. شكرا على الحل.
لطيف! أغلق هذا بعد ذلك.