How Can I Display An Image From Firebase Storage Without Repeating Image In The Loop

How can I display a image from Firebase Storage without repeating the image in the loop? I succeeded in fetching the image data from storage but cannot display the images as a diff

Solution 1:

You are overwriting that imageUrl property everytime.

You have to save that image into your array-element:

listings.imageUrl = url;

<div *ngFor="let list of listings"class="row">
  <img [src]="list.imageUrl"/>
</div>