接受（1）和取消订阅之间的差异[重复]

Question

假设我不使用异步管道。我想订阅component.ts文件中的一些内容。正如你所知，如果不是http请求，我应该取消订阅。

这是我试过的。

方法1）在那里实现破坏钩子和退订

方式2）订阅时，使用take（1）。take（1）将自行处理取消订阅。

我的问题是-为什么会有人选择方式1，当我们想退订时应该使用哪种方式（如果我们不需要异步管道）

Answer 1

答案与Angular的生命周期有关。

路1。实施OnDestroy挂钩并在那里取消订阅：

组件执行类似的操作，最有可能是在OnInit方法中。

this.myObservable$.pipe(takeUntil(this.unsubscribe)).subscribe(myValue => {
  // do something
});

您有一个相应的私有变量和OnDestroy生命周期挂钩来取消订阅：

private unsubscribe: Subject<void> = new Subject();

ngOnDestroy(): void {
  this.unsubscribe.next();
  this.unsubscribe.complete();
}

当您希望订阅在组件的生命周期内持续时，可以使用此选项。当你的可观察接收新值时，你的订阅将继续接收它们。

方式2。订阅时，使用ake（1）

this.myObservable$.pipe(take(1)).subscribe(myValue => {
  // do something
});

这种方式将采取从可观测的第一发射和退订。当然，如果值在该点之后更改，则不会通知您更改。

方法1将帮助您保持动态状态。假设您有一个菜单，并且您想要在该菜单上选择一个选项，您想要该组件在更改时更新，并且无论您需要做什么都非常复杂，您不能使用异步管道。此订阅将持续组件的生命周期。

根据你想做什么，你可能根本不需要订阅。相反，您可以使用rxjs操作符自动完成这项工作。参见https://brianflove.com/2017/11/01/ngrx-anti-patterns/例如。