Ng-lazyload-image: स्क्रॉलिंग पर छवियां लोड नहीं हो रही हैं

मैं छवियों को लोड करने के लिए आयनिक 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>
मैंने स्क्रीनशॉट संलग्न किया है। आपके उत्तर की प्रतीक्षा में।