angular - 异步操作符和订阅 observable 有什么区别？

Question

我是 Angular、RxJs 和 Ngrx 的新手

我知道我们订阅了一个 Observable 并观察变化。我在 Ngrx getting started 中遇到了这段代码

<div>Current Count: {{ count$ | async }}</div>

问题是AsyncPipe 到底是什么？以及它与订阅 Observable 有何不同？什么时候用一个，什么时候用另一个？

Answer 1

异步管道更干净

data$ = this.service.data$;

在模板中

{{data$ | async}}

vs 必须管理订阅。

ngOnInit() {
  this.sub = this.service.data$.subscribe(data => { this.data = data });
}

ngOnDestroy() {
  this.sub.unsubscribe();
}

在模板中

{{data}}