Как я могу получить путь к образцу из Firebase, получить изображение из хранилища firebase и показать его?

Question

Я пытаюсь;

1. получить путь изображения из базы данных firebase
2. получить изображение из firebase хранения
3. показать это изображение

Я использую Angular2/Angularfire2

Вот мой текущий код;

this.products = af.database.list('products/') 
    this.products.subscribe((data: any) => { 
     data.forEach(item => { 
      firebase.storage().ref().child('products/' + item.img) 
      .getDownloadURL() 
      .then(url => { 
       item.image = url; 
      }); 
     }) 
     } 
    ) 

Это мой шаблон;

<ion-card *ngFor="let item of products |async" text-center 
     [ngStyle]="item.image ? {'background': 'url(' + (item?.image) + ')'} : {}"> 

Я могу получить путь и получить URL-адрес загрузки.

Однако я не могу это показать.

Любая помощь будет замечательной!

Answer 1

Я выполнил временное решение, добавив дополнительный массив и показывая его. Любые решения по-прежнему приветствуются.

this.productss = [] 

this.products = af.database.list('/products') 
this.products.subscribe((data: any) => { 
    data.forEach(item => { 
     firebase.storage().ref().child('products/' + item.img) 
     .getDownloadURL() 
     .then(url => { 
      item.image = url; 
      this.productss.push(item) 
     }); 
    }) 
    } 
)