Question

我使用[virtualScroll]和ion-img创建了一个非常基本的图像列表。名为album的数组用作列表的源。

<ion-list [virtualScroll]="album">
   <ion-item *virtualItem="let image">
      <ion-thumbnail item-start>
         <ion-img
         [src]="image.nativeURL"
         (click)="photoViewer.show(image.nativeURL, image.name, { share: false })">
         </ion-img>
      </ion-thumbnail>
      <p>
         <b>{{ image.name }}</b><br />
         {{ image.size | filesize }}<br />
         {{ image.modificationTime }}<br />
      </p>
      <ion-icon name="close" item-right (click)="deleteImage(i)"></ion-icon>
   </ion-item>
</ion-list>

列表滚动顺畅，但图像并不总是加载，尽管它们都是本地图像。有些人做，有些则不做，显然是随机的。这就是它的样子：

https://snag.gy/6BpISl.jpg

为什么？

Answer 1

好的，这是解决方案。这可能听起来很荒谬。

放弃ion-img并使用img。它会滚动得很顺利，也不会消失。

但是，我不知道它将如何处理数百张图片。

好东西Ionic为所有东西都有一个半烘焙的解决方案，没有一个可以使用！

离子3：ion-img未加载到离子列表中

1 个答案: