코드는 목록에 항목을 추가하고 있지만 데이터베이스에서 데이터를 가져올 수 없습니다

Question

Ionic2에서 AngularFire2를 사용하고 있습니다. 목록을 가져 와서 ngFor를 사용하여보기에 표시하려고하고 또한 새 항목을 firebase에 푸시합니다. 부적절하게 목록에 항목을 추가하지만 db에서 데이터를 가져올 수 없습니다. 다음 가 CONSOLE.LOG 후 서비스

constructor(public afd:AngularFireDatabase) {} 

getShoppingItems(){ 

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

} 

입니다 (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>