从 AngularFire 获取数据时出错答案

【问题标题】：Error getting data from AngularFire从 AngularFire 获取数据时出错
【发布时间】：2017-03-15 13:26:24
【问题描述】：

我正在尝试将数据设置到我的表中。我有一个服务应该像这样检索数据：

  constructor(public af: AngularFire, userData: UserData) {
    this.smartTableData = af.database.list('events/' + userData.user.uid +'/contacts');
  }

  getData(): any {
    return this.smartTableData;
  }

我的组件是：

 constructor(protected service: SmartTablesService) {
    this.service.getData().then((data) => {
      this.source.load(data);
    });
  }

我的控制台错误：

zone.js:357 错误：未捕获（承诺中）：错误：错误 ./SmartTables 类 SmartTables_Host - 内联模板：0:0 由以下原因引起： this.service.getData(...).then 不是函数(...)

【问题讨论】：

标签： angular rxjs angularfire2

【解决方案1】：

AngularFire2 与您 subscribe 的 Observables 一起使用。你得到的错误是因为你试图调用一个未定义的函数then，它在 Promises 中可用，而不是 Observables。

您想将then 替换为subscribe 以检索数据。

constructor(protected service: SmartTablesService) {
   this.service.getData().subscribe((data) => {
     this.source.load(data);
   });
}

【讨论】：