Angular 10：我应该取消订阅 ngOnDestroy 中 valueChanges Observable 的订阅吗？答案

【问题标题】：Angular 10 : Should I unsubscribe form subscription to valueChanges Observable in ngOnDestroy?Angular 10：我应该取消订阅 ngOnDestroy 中 valueChanges Observable 的订阅吗？
【发布时间】：2021-07-22 16:40:40
【问题描述】：

我有这样的表格：

this.form = this.fb.group({
  username: ["Put name"],
  address: ["Put address"]
});

我正在听用户名输入值：

this.form.controls.username.valueChanges.subscribe(val =>
 //doSomething()
);

你认为我应该添加一个 pipe(takeUntil(this.destroy$)) 以避免内存泄漏吗？

有没有办法测试当组件被销毁时我不取消订阅，Observable 是否仍然存在于内存中？

【问题讨论】：

是的，您始终应该取消订阅。您可以使用管道或仅使用 Subscription 属性执行此操作，并使用 ngOnDestroy 挂钩中的取消订阅方法。
确保您没有任何内存泄漏 - 是的。这是最佳做法。
这是最好的做法。只需实现 OnDestroy 并添加一个 Subscription 字段。也可以在 ngOnDestroy() 方法中取消订阅。\
stackoverflow.com/questions/41364078/… 回答了这个问题
这能回答你的问题吗？ Angular 2 - Does subscribing to FormControl's valueChanges need an unsubscribe?

标签： angular typescript rxjs angular10

【解决方案1】：

除了破坏，你也可以这样做

public sub: Subscription;

contructor() {
  this.sub = new Subscription();
}

this.sub.add(this.form.controls.username.valueChanges.subscribe(val =>
 //doSomething()
));

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

【讨论】：