在Angular 4的旋轉木馬中顯示異步數據

Question

我有一個帶有圖像傳送帶的HTML模板。我剛剛在Angular 4中調整了這個模板，並且完美地工作。現在，我正在嘗試從Firebase數據庫獲取內容，但傳送帶因異常檢索數據而中斷。

查詢結果以FirebaseListObservable的形式存儲到名爲data的變量中。然後我使用*ngFor="let item in data | async"來獲取每個項目的圖像。它顯示完美，但打破了旋轉木馬的風格。

如何才能使DOM元素僅在所有數據已檢索時才收取費用？

我和*ngIf="data"一起嘗試使用AngularJS，但它不起作用。

Answer 1

如果您只是使用*ngIf="data"，它將始終返回true，以便您的傳送帶不會等待。使用此*ngIf="data | async)?.length"。我只是猜測，因爲你沒有提供你的輪播代碼。

希望這會有所幫助。