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 方法中

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