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

我正在尝试使用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>

这里您需要使用
属性绑定
，如下所示。始终避免
字符串插值

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

这里您需要使用
属性绑定
，如下所示。始终避免
字符串插值

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

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

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

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

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


什么不起作用？不要显示图像，那么您做了什么来尝试和调试问题-您是否从变量
company.images
？如果您提供更多详细信息，您将获得更多帮助。不，没有错误。我已检查在控制台中显示时没有错误。我还尝试使用lazyload，然后它渲染了图像，但它没有根据css样式调整图像的大小。什么不起作用？不显示图像？那么您做了什么来尝试和调试问题？您是否从变量
company.images
？如果您提供更多详细信息，您将获得更多帮助。不，没有错误。我已检查在控制台中显示时没有错误。我还尝试使用lazyload，然后它渲染了图像，但它没有根据css样式调整图像大小，仍然没有使用属性bindings渲染图像。我已检查在控制台中显示时没有错误。我还尝试使用lazyload，然后它渲染了图像，但它没有根据css样式调整图像大小使用
[ngStyle]=“myStyles”
。仍然不使用属性绑定渲染图像我已检查在控制台中显示时没有错误。我还尝试过使用lazyload，然后它渲染了图像，但它没有根据css样式调整图像大小使用
[ngStyle]=“myStyles”
。在修改代码之前，谷歌
ion img vs img
并确保您知道使用
ion img
和
img
标签之间的实际差异。在修改代码之前，谷歌
ion img vs img
并确保您知道使用
ion img
和
img
标签之间的实际差异。