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

Question

如何分配一个数字来输入'BehaviorSubject<number>'？

Answer 1

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

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

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

yourVariable.next(2);

Answer 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

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

How can I assign a number to a type 'BehaviorSubject<number>'

rxjs

angular

ionic4