Angular 10：我應該取消訂閱 ngOnDestroy 中 valueChanges Observable 的訂閱嗎？

Question

我有這樣的表格：

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

我正在聽用戶名輸入值：

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

你認為我應該添加一個管道(takeUntil(this.destroy$))以避免 memory 泄漏嗎？

有沒有辦法測試我在組件被銷毀時是否取消訂閱，Observable 是否仍然存在於 memory 中？

Answer 1

除了破壞，你也可以這樣做

public sub: Subscription;

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

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

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