如何将数字分配给类型 'BehaviorSubject<number>'

【问题标题】：How can I assign a number to a type 'BehaviorSubject<number>'如何将数字分配给类型 'BehaviorSubject<number>'
【发布时间】：2021-12-28 05:10:12
【问题描述】：

如何分配一个数字来键入'BehaviorSubject'？

【问题讨论】：

stackoverflow.com/questions/55534958/… ?

标签： angular rxjs ionic4

【解决方案1】：

可以在BevahiourSubject的参数中指定一个数字：

public yourVariable = new BehaviorSubject<number>(1);

在您的订阅中，您可以随时分配号码，例如：

yourVariable.next(2);

【讨论】：

你需要发出 Subject not Observable。 stackoverflow.com/a/50099587/9590251
谢谢，已更新。有点快。

【解决方案2】：

这是一个例子。

你可以像下面这样创建BehaviourSubject。

counter$ = new BehaviorSubject<number>(1);

  onIncreaseCounter() {
    let counterVal = this.counter$.value;
    this.counter$.next(counterVal + 1);
  }

那么你可以像下面这样使用它。

<h2>Counter</h2>
<div>{{ counter$ | async }}</div>

<button (click)="onIncreaseCounter()">Increase Counter</button>

检查working demo

【讨论】：