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

Question

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

我的数据是

我希望能够抓取当前在数据库中的所有手机并创建按钮 - 不记得正确的代码是打字。

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

Answer 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>

希望这个答案能帮到你。

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