如何在运行下一行代码 Angular2 之前等待 AngularFire2 订阅完成

Question

我的 Angular2 类型脚本代码有问题。我正在尝试通过订阅 FirebaseListObserver 来访问 Firebase 数据库中的问题：

this.af.list('/questions').subscribe( val => {
     this.questions = val
     console.log(this.questions) // works
})
console.log(this.questions) // displays undefined

不过，我不知道如何等待订阅获取值，然后再运行依赖于this.questions 的函数。

我尝试使用 async/await，但也没有等待订阅获取值。

我也尝试在 Promise 中订阅，但也返回了一个空数组。

Answer 1

您可以在subscribe 回调中运行该函数，也可以将questions 转换为setter/getter：

private _questions = [];

set questions(questions) {
  this._questions = questions;

  // React to questions changes here
}

get questions() {
 return this._questions;
}

如果您熟悉 Angular 的早期版本，它的行为有点像观察者。因此，在set 函数中，您可以检查questions 是否具有值并对其做出反应，调用您需要的任何函数。