javascript - 离子虚拟滚动渲染延迟

Question

我在 Ionic 4（角度）中使用虚拟滚动。它工作正常，但正在发生令人讨厌的行为：

当我向下或向上滚动时，comming 项目的标题正确，但图片来自其他项目，并且需要半秒才能更新。它非常明显和烦人，有人可以帮助我吗？我希望该项目以正确的图片出现在屏幕上。当我使用 ion list 时不会发生，但我想使用 Virtual Scroll 以获得更好的性能

<ion-content>
  <ion-virtual-scroll [items]="products" approxItemHeight="215px">
    <ion-card *virtualItem="let p; let itemBounds = bounds;">
      <div>
        <ion-img [src]="p.imgUrl"></ion-img>
      </div>
    <ion-card-header>
      <ion-card-title>{{ p.title }}</ion-card-title>
    </ion-card-header>
    <ion-card-content>{{ p.price}}</ion-card-content>
    </ion-card>
  </ion-virtual-scroll>
</ion-content>

标签： javascriptangularionic-frameworkionic4