Firestore在ngIf條件中剝離異步數據

Question

我的應用程序正在運行Angular 4.4.5，並且正在通過angularfire2 ^ 5.0.0-rc.3。使用firebase。

我的主分支正在Firebase Realtime DB上運行，並且一切正常，但是當我移至FireStore DB時，現在遇到了一個問題，即ngIf語句不允許我的Observables通過...

所以基本上我有一個在內容加載時觸發加載器，但是在這些條件中數據總是返回null……

該條件似乎恢復為真，因為純文本將顯示在其中，但是數據本身返回為null。

 {{(analyses$ | async) | json}} <!-- This works like a charm --> <div *ngIf="(analyses$ | async)"> {{(analyses$ | async) | json}} <!-- This doesn't work --> HI WORLD <!-- This prints out fine! --> </div> 

我想念什么？

Answer 1

這是對原始問題的較晚答復，但是我遇到了相同的問題並按以下方式處理：

<app-dumb-component
  *ngIf="(data$ | async) as data"
  [data]="data"></app-dumb-component>

關鍵是在(data$ | async) as data ，然后在要處理控件中可觀察對象的任何地方使用該引用。