如何在angular 7 FormGroup valueChanges中删除多个订阅列表中的特定订阅？

Question

我正在使用angular 7 Multiple FormControl valueChanges订阅功能。

如何删除或取消订阅特定的FormControl订阅功能。

FormControlsSubscribe(){
  const FormControlsArray = Object.keys(this.FGroup.controls);
     FormControlsArray.map(controlName => {
     const control = this.FGroup.controls[controlName] as FormControl;
     control.valueChanges.subscribe(change => {
        console.log(controlName + '>>>' + change);
     });
  });
};



RemoveControl(ControlKey: any) {
  this.FGroup.removeControl(ControlKey);
}

我希望删除的控件取消订阅;

Answer 1

鉴于您没有将control.valueChanges.subscribe分配给任何变量，您不能。

此外，此代码将导致严重的内存泄漏。 您永远不会关闭订阅，这是一种非常危险的方式来管理它们。

Answer 2

您可以使用takeUntil自动取消订阅：

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

control.valueChanges
pipe(takeUntil(this.unsubscribe$))
.subscribe(_ => {
  console.log(controlName + '>>>' + change);
});

ngOnDestroy() {
  this.unsubscribe$.next();
  this.unsubscribe$.complete();
}

或者您可以将control.valueChanges.subscribe分配给变量（订阅）并取消订阅。

let subs: Subscription[] = [];

FormControlsArray.map(controlName => {
  const control = this.FGroup.controls[controlName] as FormControl;
  this.subs.push(control.valueChanges.subscribe(() => {}));
});

ngOnDestroy() {
  this.subs.forEach(sub => sub.unsubscribe());
  this.subs = [];
}