Ng-lazyload-image: スクロール時に画像が読み込まれない

画像を読み込むために、ionic3での遅延読み込みを使用しています。 ただし、一部の画像は唯一のものであり、残りの画像はスクロール時に読み込まれません。 コンテンツへの参照は使用していません。
私のコード
プラグインを次のようにインポートしています
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>
スクリーンショットを添付しました。 お返事をお待ちしております。