Ionic3 ion-img不显示带有ng-for的图像

Question

我正在尝试使用ion-img使用循环显示动态图像，但是它不起作用。

<ion-item no-lines no-padding *ngFor="let company of shortedDistanceArray">
    <div>
        <ion-img style="width: 15vh;height: 12vh;" src={{company.images}}"></ion-img>
    </div>
</ion-item>

Answer 1

在这里您需要使用property binding如下所示。总是尽量避免string interpolation。

<ion-item no-lines no-padding *ngFor="let company of shortedDistanceArray">
    <div>
        <img style="width: 15vh;height: 12vh;" [src]="company.images"></img>
    </div>
</ion-item>

Answer 2

我发现解决方案使用“img”标签而不是“ion-img”

<ion-item no-lines no-padding *ngFor="let company of shortedDistanceArray">
    <div>
        <img style="width: 15vh;height: 12vh;" src={{company.images}}" />
    </div>
</ion-item>