angular - Ionic3 ion-img zeigt keine Bilder mit ng-for an

Ich versuche, die dynamischen Bilder mit einer Schleife mithilfe von ion-img anzuzeigen, aber es funktioniert nicht.

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

Antwort #1

Hier müssen Sie Property Binding wie unten gezeigt verwenden. Versuchen Sie immer, String-Interpolation zu vermeiden.

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

Antwort #2

Ich habe die Lösung gefunden, benutze das 'img'-Tag anstelle von '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>