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>