angular - 如何在组件销毁时销毁响应式(Reactive) FormControl？

Question

我有一个带有 FormControl 的组件并订阅它的值变化:

@Component(...)
export class FooComponent implements OnInit, OnDestroy {
  fooFormControl: FormControl;

  ...

  ngOnInit() {
    this.fooFormControl.valueChanges.subscribe(
      () => {...},
      () => {},
      () => {
        // never happens
      },
    );
  }

  ngOnDestroy() {
    //happens
  }
}

但是当组件被销毁时，FormControl 元素不会被销毁并且 onComplete 回调永远不会发生。

在组件销毁时销毁 FormControl 元素的正确方法是什么？

Answer 1

FormControl observables 不应该完成，尽管如果有一些逻辑属于完成回调，则可以手动完成。

由于 valueChanges 是事件发射器并且继承自 RxJS Subject，因此它可以取消订阅或完成:

ngOnDestroy() {
  this.fooFormControl.valueChanges.complete();  
  // and/or
  this.fooFormControl.valueChanges.unsubscribe();
}

EventEmitter 将来可能不会成为主题。这可能会导致重大更改，但目前它仅依赖于 RxJS。