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

Question

如何为输入“BehaviorSubject<number>”指定编号？

Answer 1

这是一个例子。

您可以像下面一样创建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>

检查工作演示