Angular 6等待订阅完成

Question

我有这样的功能：

getNumber(value) {
    this.myService.getApi(value).subscribe(data => {
        this.myVariable = data;
    });
}

我在其他函数中调用该函数如下：

set() {
    if (this.value == 1) {
        this.getNumber(firstNumber)
        this.newVariable = this.myVariable;
    } else {
        this.getNumber(secondNumber)
        this.newVariabe = this.myVariable + 1;
    }
};

this.value 正在从其他函数获取。问题是this.newVariable 是空的。我确定这是因为在我尝试访问this.Variable之前订阅尚未完成

在我做任何其他事情之前有什么方法可以等待订阅完成？

Answer 1

只需从 getNumber 返回一个 Observable 并订阅它。

您还可以将管道添加到 getNumber，以便它处理存储数据并返回一个可订阅的 Observable。

getNumber(value) {
    return this.myService.getApi(value).pipe(tap(data => {
        this.myVariable = data;
    }));
}

在你的设置方法中

set() {
    if (this.value == 1) {
      this.getNumber(firstNumber).subscribe(() => {
        this.newVariable = this.myVariable;
      });
    }
    else {
      this.getNumber(secondNumber).subscribe(() => {
        this.newVariabe = this.myVariable + 1;
      });
   }
};