如何从 Firebase 获取数据到 Ionic 3--子数据答案

【问题标题】：How to get data from Firebase into Ionic 3-- Child data如何从 Firebase 获取数据到 Ionic 3--子数据
【发布时间】：2019-08-08 21:14:12
【问题描述】：

我想从 firebase 中获取数据，然后将所有收集的数据放入 for 循环中，以便离子内容生成按钮。

我的数据是

我希望能够获取当前在数据库中的所有电话并创建按钮——不记得输入正确的代码。

因此能够在 Ionic Framework 3 中获取所有可用的手机。

【问题讨论】：

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

【解决方案1】：

如我所见，您将所有孩子都保存在根目录中。

所以检索所有数据，

let user_data= [];

firebase.database().ref().on('value', (snapshot) => {
    let result = snapshot.value();
    for(let k in result){ //"k" provides key Id of each object
     user_data.push({
       id : k,
       name : result[k].name,
       phone : result[k].phone,
     });
    }
});

要在前视图中显示数据，您可以这样列出所有手机

<div *ngFor="let phone of user_data" >
  {{phone.phone}}
</div>

希望这个答案对你有所帮助。

【讨论】：

【解决方案2】：

试试这个

data = [];
constructor(af: AngularFireDatabase...) {
    this.data = [];
}


this.af.object('/FirebaseData/')
    .valueChanges()
    .subscribe(data => {
        let arr = Object.keys(data);
        this.data = [];

        for (var i = 0; i < arr.length; i++) {
            const object2 = Object.assign({ Key: arr[i] }, data[arr[i]]);
            this.data.push(object2);
        }

【讨论】：