angular - 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如下图。始终尽量避免 字符串插值。

<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>