與Ionic3和Angular2中的提供程序進行數據綁定

Question

在我的應用程序中，我要顯示一個包含大量數據的列表。 從Firebase循環將數據填充到提供程序中。 現在不想等待整個數據被加載。 那么，如何將頁面列表變量與提供程序綁定，以使其顯示與獲取的內容一樣多的內容？

以下是我在提供程序類中填充列表的代碼。

dataArray = new Array<any>();
for (let item of items) {
      this.afDB.object(`root`+item)
      .subscribe(data=> {
        this.dataArray.push(data);
      });
    }

因此，dataArray將隨時間填充。 現在，我要在頁面中導入提供程序類，在該頁面中要顯示包含dataArray中數據的列表。 如果我返回dataArray，那么它必須在完整的數據獲取之后。 那么，有什么方法可以將dataArray與頁面中的某些變量綁定或直接在頁面中使用它？

在HTML代碼中：

<ion-list>
     <ion-item *ngFor="let item of items">
         {{item.value}}
     </ion-item>
</ion-list>

items是頁面TS文件中的變量。

Answer 1

弄錯了

import { DataProvider } from './../../providers/data/data';
constructor(private _data: DataProvider) {
  }

在這里，我使用“ Private ”作為參考。 這就是為什么我無法在HTML類中使用它。 它必須是Public 。