Ionic3 ion-img do not show images with ng-for

user_3595398 0
Viewed 5961

I am trying to show the dynamic images with loop using ion-img but it is not working.

<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>
ionic3 ionic-framework angular typescript
2 Answers

Here you need to use property binding as shown below. Always try to avoid 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>
user_10773090

i found the solution use 'img' tag instead of '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>
user_35953980
Related