为什么更新行为主题功能不起作用

Question

updateSubject() {
  this.value = false;
  this.howToUseObservables();
}

当我按下按钮时它会触发此功能，但行为主题没有按预期触发 .next 为什么？

  value = true;
  constructor() {
    this.howToUseObservables().subscribe(ress => alert('in home ' + ress));

  }
  updateSubject() {
    this.value = false;
    this.howToUseObservables();
  }

  updateInOninle(subject: BehaviorSubject<any>) {
    subject.next('from func online');
  }
  updateInOffline(subject: BehaviorSubject<any>) {
    subject.next('from func offline');
  }
  howToUseObservables(): BehaviorSubject<any> {
    const testSubjec: BehaviorSubject<any> = new BehaviorSubject('test');
    if (this.value === true) {
      this.updateInOninle(testSubjec);
    } else {
      this.updateInOffline(testSubjec);

    }
    return testSubjec;
  }

Answer 1

您可能会想，既然您已经 alerted 了来自 howToUseObservables BehaviorSubject<any> 的响应，那么即使单击按钮，它也会运行，并且您每次都可以看到 alert点击按钮。

这不会发生，因为您正在从 howToUseObservables 返回一个新的 BehaviorSubject<any>。因此，除非您将 subscribe 更改为新的 BehaviorSubject，否则您不会看到 in home from func offline 被提醒。

尝试将subscribeing 到updateSubject 中的returned BehaviorSubject，您将看到响应已登录到控制台。

updateSubject() {
  this.value = false;
  this.howToUseObservables()
    .subscribe(ress => console.log('in home ' + ress));
}

---

这里有一个Working Sample StackBlitz 供您参考。