在完全模式 - 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>

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

如何解决？触摸图像后显示fullmodal图像

Answer 1

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

使用img。

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

参考：documentation