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。

与Ionic3和Angular2中的提供程序进行数据绑定

1 个答案: