FirebaseListObservableの応答を待つ方法

Question

私はAngularfire2でAngular2アプリを作っています。私はFirebaseからデータを取得する際にFirebaseListObservableに関する問題に悩まされています。ここに私のコードです。この後すぐに

this.requests = this._af.database.list('/requests');

、私はこの変数をログに記録。

console.log(this.requests);

それから私は、未定義の1つを得たが、私はthis.requestsは常にこのコードで未定義されたため、この要求の応答を待機するように望んでいました。私は、あなたがfirebaseの要求の結果を待つ方法を私に教えてほしい。私の貧しい英語を残念に思います。

Answer 1

listメソッドはObservableを返すので、それを購読して返された要求を取得できます。

export class AppComponent { 
    requests: FirebaseListObservable<any[]>; 

    constructor(private af: AngularFire) { 

    } 

    ngOnInit() { 
     this.requests = this.af.database.list('/requests'); 

     this.requests.subscribe(
     (requests) => { 
      console.log(requests) 
     }, 
     err => console.log(err) 
    ); 
    } 
    } 

Answer 2

further problemsを避けるために、もはや使用されていません後Firebaseからデータを取得することは非同期であるので、要求されたデータが入って来たとき、あなたはイベントに「購読」する必要があります。（退会）接続を閉じることが重要です。これは、次のコードで実現することができます。

this.requests = this._af.database.list('/requests') 
    .subscribe(data => { 
    data.forEach(obj => { 
     console.log(obj.$key); 
     console.log(obj.$value); 
    }); 
    this.requests.unsubscribe(); 
}); 

あなたがあなたのデータを更新しているので、接続を維持したい場合は、this.requests.unsubscribe();を省略しなければならないし、むしろそう、あなたのコンポーネントに

ngOnDestroy(){ 
    this.requests.unsubscribe(); 
} 

を置きますコンポーネントが破棄されたときに接続が閉じられます。