ローダーウィジェットを使用するには、asynchronus firebase（observable）リクエストを使ってロード開始/終了イベントを取得するにはどうすればよいですか？

constructor(private afDb: AngularFireDatabase) { 
    allRRs$ = this.afDb.list(`research_reports-published/`).valueChanges(); 
}

ようAngularFireを使用しています。

<li *ngFor="let rr of (allRRs$ | async)"></li>

どのようにすべてのRRs $ローディングが完了したかを知る方法。私はそれを使用してloderアイコンを表示することができます。

非常に簡単であることが判明私はFirebaseとあまり慣れていないんだけど、あなた 'subscribe'や' valueChanges（） 'と'そして/ catch'することができます。 –

サンプルコードwheatherを 'ngOnit（）'や他の場所に配置し、 'isLoading'変数をオブザーバブルにすることができますか？あなたは ''コンポーネントが利用可能であると仮定できますか？ – ishandutta2007

最も簡単な回避策は ''となるでしょう。その後、 'isLoading：true'を初期化します。データベースから項目を取得するときにisLoadingをfalseに戻すのはいつか分かりません。私はFirebaseに精通していません。 –

それは

<loader *ngIf="(allRRs$ | async)"></loader> 
<li *ngFor="let rr of (allRRs$ | async)"></li>

2017-12-02 00:02:39 ishandutta2007

答えて