angularfirebase2 列表查询返回未定义

Question

我一定是严重误解了 RxJs 和 AngularFirebase2，因为我无法弄清楚这个错误。

我有一个 firebase 列表，我正在使用这样的服务中的函数进行查询：

 returnAuthor(id) {
    this.db.list('/flamelink/users', ref => ref.orderByChild('id').equalTo(id)).valueChanges().subscribe(data => { console.log(data); return data })
}

returnAuthor 中的console.log(data) 生成正确的数据，但我的模板中的{{ returnAuthor(id) }} 返回undefined。在我的组件中运行 returnAuthor 也会返回 undefined。

有人可以在这里指出正确的方向吗？我需要订阅组件而不是服务吗？

Answer 1

您的方法返回未定义，因为您没有从函数返回结果。 要返回结果，您的函数将如下所示

returnAuthor(id) {
  return this.db.list('/flamelink/users', ref => ref.orderByChild('id').equalTo(id)).valueChanges().subscribe(data => { console.log(data); return data })
}

但是这样返回将返回订阅而不是数据。如果你想要订阅中的数据，你可以声明一个变量并将订阅返回的数据设置为它。像这样的

在你的班级

dataVariable;

    returnAuthor(id) {
      this.db.list('/flamelink/users', ref => ref.orderByChild('id').equalTo(id)).valueChanges().subscribe(data => { console.log(data); this.dataVariable = data })
    }

现在订阅中可用的数据将传递到您可以使用的dataVariable。

如果您想在数据到达时将其传递给另一个方法，您可以在订阅中调用该方法。像这样的

returnAuthor(id) {
   this.db.list('/flamelink/users', ref => ref.orderByChild('id').equalTo(id)).valueChanges().subscribe(data => { console.log(data); anotherMethod(data); })
}