订阅中定义的变量在外部未定义（Angular2，Firebase）

Question

在我的 Angular2 组件 constructor 中，我将 Firebase 中的值存储到一个变量中。

this.dbAction.getDB().take(1).subscribe(data => {
  this.userVisitOrder = data[0][this.currentUserID]['settings']['visitOrder']; 
  console.log(this.userVisitOrder); // Value exists
});

我需要这个变量来构建我的 Observable 以使用特定的 Firebase 数据。同样在我的构造函数中：

this.visitsRef = afDatabase.list('data/users/' + this.currentUserID + '/visits/', ref => ref.orderByChild(this.userVisitOrder)); // Here the value is undefined

我认为这是一个异步问题，但如何访问存储在变量中的数据？

我的dbAction 服务中的getDb()函数如下所示：

getDB() {
  return this.afDatabase.list(`data`).valueChanges().map((data) => data);
}

如果我尝试像这样将第二个代码放入第一个代码中：

this.dbAction.getDB().take(1).subscribe(data => {
  this.userVisitOrder = data[0][this.currentUserID]['settings']['visitOrder'];

  this.visitsRef = afDatabase.list('data/users/' + this.currentUserID + '/visits/', ref => ref.orderByChild(this.userVisitOrder));
  this.visits = this.visitsRef.snapshotChanges().map(changes => {
    return changes.map(c => ({ key: c.payload.key, ...c.payload.val() }));
  });
});

...我收到以下控制台错误：

Answer 1

您可以将 observable 与 switchMap 链接在一起，这样一个接一个地运行。

this.dbAction.getDB().take(1)
    .switchMap(data => {
        this.userVisitOrder = data[0][this.currentUserID]['settings']['visitOrder'];

        this.visitsRef = afDatabase.list('data/users/' + this.currentUserID + '/visits/', ref => ref.orderByChild(this.userVisitOrder));

        return this.visitsRef.snapshotChanges();
    })
    .map(changes => {
        return changes.map(c => ({ key: c.payload.key, ...c.payload.val() }));
    });
    .subscribe(res => {// do something with result})