代码正在将项目添加到列表中，但无法从 db 获取任何数据

Question

我在 Ionic2 中使用 AngularFire2，我试图获取一个列表并使用 ngFor 在视图上显示它，并将新项目推送到 firebase，我的代码正在将项目添加到列表中，但无法从 db 获取任何数据. 以下是服务

constructor(public afd:AngularFireDatabase) {}

getShoppingItems(){

 return this.afd.list('/shoppingItems');

}

在 console.log(Array.from(this.getShoppingItems())) 之后我得到以下结果。

以下是数据库中的数据，我希望得到响应

{"shoppingItems":{"-KwW3BgGsBfd0MeMqeTL":"Rohan","-KwWAK5zrEfwCYM-KdlT":"Vikas"}}

Answer 1

//This should be in Provider.ts

getShoppingItems(){

 return this.afd.list('/shoppingItems');

}

//In Page.ts, declear shoppingitems as an observable list
shoppingItems: FirebaseListObservable<any[]>;


//Still in Page.ts, inside its constuctor, call the method in provider service
this.shoppingItems = this.provider_service.getShoppingItems();

//In Page.html, do this

<ion-list *ngFor=let item of shoppingItems | async ></ion-list>