在全模态 - Ionic3 的触摸图像之前，离子图像不会在加载时显示

Question

<ion-content>
<ion-slides class="image-slider" loop="false" slidesPerView="1">
<ion-slide *ngFor="let item of imageList">
<ion-thumbnail>
<ion-img [src]="item" class="thumb-img" (click)="presentModal(item)"></ion-img>
</ion-thumbnail>
</ion-slide>
</ion-slides>
</ion-content>

我遇到了一个非常奇怪的问题。

如何解决？ 触摸后图像以显示全模态图像

Answer 1

ion-img用于

在使用图像时缓存图像virtualScroll。它不是一个独立的组件。由于给定的代码中没有 virtualScroll，因此您应该使用 html img 标记。

使用img .

<img [src]="item" class="thumb-img" (click)="presentModal(item)"/>

参考：文档