遍歷 firestore 文檔 - 獲取 promise

Question

我正在從 firestore 集合中提取一些文檔並嘗試將結果存儲在數組中。 出於某種原因，下面返回的是 promise。如何獲取數組？

組件 - designList 是一個 promise

    this.designList = this.FirebaseService.getDocsByUserId('designs', 'designerId')
    .then(function(querySnapshot) {
        var designList = [];
        querySnapshot.forEach(function(doc) {
            console.log(doc.data());
            designList.push(doc.data());
        });
        return designList;
    })

撥打電話的服務

getDocsByUserId( collection, getParam ) {
    const user = JSON.parse(localStorage.getItem('user'));
    var docRef = this.afs.collection(collection, ref => ref.where(getParam, '==', user.uid));
    return docRef.ref.get();
}

Answer 1

您可以嘗試使用async/await 。

async populateDesignList() {
  this.designList = [];
  const querySnapShot = await this.FirebaseService.getDocsByUserId('designs', 'designerId');

  querySnapShot.forEach((doc) => {
     console.log(doc.data());
     this.designList.push(doc.data());
  });
}