如何從Firebase獲取圖像路徑，從Firebase存儲獲取圖像並顯示它？

Question

我在努力;從火力數據庫

1. 獲取圖像路徑
2. 從火力存儲獲得的圖像
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) + ')'} : {}"> 

我能夠獲得路徑，並獲得下載網址。

但是我無法顯示它。

任何幫助將是偉大的！

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) 
     }); 
    }) 
    } 
)