如何在 Ionic 中将 Firebase 实时数据库数组显示到列表中答案

【问题标题】：How to display firebase realtime database array into list in Ionic如何在 Ionic 中将 Firebase 实时数据库数组显示到列表中
【发布时间】：2020-07-14 14:12:30
【问题描述】：

我想在 Ionic 列表中显示 enquiryContacted 数组。 ts代码如下

 let userDoc = this.firestore.doc<any>('users/' + userId);
  userDoc.valueChanges()
  .subscribe((user)=> {
    user=user;
    const contactedEn = user.enquiryContacted;
    console.log('get contacted enq in :',contactedEn)
   return contactedEn;
  })

HTML代码在这里

<ion-list>
      <ion-item>Favourite Segment</ion-item>
      <ion-item *ngFor="let counter of contactedEn; let i = index">
         {{contactedEn[i]} }
      </ion-item>
 </ion-list>

我在 HTML 上看不到任何结果。

看这张图片：

【问题讨论】：

标签： firebase ionic-framework firebase-realtime-database ionic5

【解决方案1】：

首先你必须检查这个：在 Firebase 数据库中，我们不使用 this.firebase.database Firestore，所以你的代码应该是这样的：

this.firebase.databse.
ref(‘users/${userid}/enquiryContacted’)
.once(‘value’, (snapshot) => {
snapshot.forEach(snap => {
this.contactdEn.push(snap.val());
});
});

我希望这能解决您的问题。

【讨论】：