我是否需要退订Angular的可观测数据？[重复]

Question

令人惊讶的是，很难得到一个关于你是否应该以及何时取消订阅角度观测的直接答案。

我有以下情况：

this.subscription = this.service.makeHTTPCall(stuff).subscribe(x => {
//do something
});

我看到了一些解决方案：

>

this.service.makeHTTPCall(stuff).subscribe(x => {
//do something
});

将订阅存储为变量，并在Ngondestory中取消订阅

ngOnDestroy() {
if (this.subscription) { this.subscription.unsubscribe(); }
}

什么都不做，我会帮你把所有的退订资料整理出来

我知道有第三方库，比如ng-tak-to-销毁，但是假设我们没有任何第三方库，这是建议的退订方法？

Answer 1

对于一些冷观测，您不需要手动取消订阅，因为它们将发出一次，然后立即完成。http服务就是这样一个可观察的示例。

也就是说，如果你不知道一个可观测物体是否会发射一次并立即完成，那么你应该总是做适当的清理。

就我个人而言，我更喜欢使用ake（1）运算符，它将获取第一个响应，然后取消订阅本身：

someObs.pipe(take(1)).subscribe(...)

Answer 2

您不需要手动取消订阅HTTP Observable和Router Observable。对于所有其他订阅服务器，最佳做法是创建主题destroy$，然后使用rxjs管道takeUntil（）获取所有订阅服务器，直到destroy$处于活动状态。在Ngondestory中，您在destroy$主题中发出true并取消订阅。所有其他订户将一起停止。不要为你整理所有的退订资料，你应该自己做。它可以提供许多可调试的错误，以便在组件销毁后离开gost订户。下面是示例代码：

onDestroy$: Subject<boolean> = new Subject();

ngOnInit() {
 this.service.someSubscriber.pipe(takeUntil(this.destroy$)).subscribe(() => 
{ //do stuff 
})
this.service.someSubscriber2.pipe(takeUntil(this.destroy$)).subscribe(() => 
{ //do stuff 
})
this.service.someSubscriber3.pipe(takeUntil(this.destroy$)).subscribe(() => 
{ //do stuff 
})
}

ngOnDestroy() {
  this.destroy$.next(true);
  this.destroy$.unsubscribe();
}

在html模板中，异步管道会自动触发取消订阅，所以当您使用它时，您不必担心它。

Answer 3

您不需要手动取消订阅HTTP Observable和Router Observable。除这两种方法外，您创建的任何主题或可观察对象都可以使用前面提到的一种方法手动取消订阅，另一种方法可以使用async操作符。。async操作符会自动为您取消订阅，这也是您可以使用takeUntil操作符的另一种方式

从https://stackoverflow.com/a/41177163/2987066

TLDR：

对于这个问题，有（2）种可观测值——有限值和无限值。

超文本传输协议可观测数据产生有限（1）值，类似DOM事件侦听器的东西可观测数据产生无限值。

如果您手动调用订阅（不使用异步管道），则从无限的可观察对象中取消订阅。

不要担心有限的，RxJs会照顾他们。