Angular响应式表单报NG0205错误：Injector已销毁，疑涉异步验证器

问题原因 #

你遇到的RuntimeError: NG0205: Injector has already been destroyed错误，确实和异步验证器中的Observable有关。当组件被销毁后，异步验证器的Observable可能仍在执行，此时组件的注入器已经被销毁，后续操作（比如访问组件内的依赖或属性）就会触发这个错误。

你的代码里虽然用了take(1)让Observable立即完成，但如果组件在验证请求发出后、响应返回前就被销毁，订阅仍然会残留，导致后续逻辑尝试访问已销毁的注入器上下文。

解决方案 #

需要确保组件销毁时，异步验证器的Observable能立即取消订阅，避免访问已销毁的注入器。可以通过以下两种方式处理：

1. 用Subject手动管理订阅（兼容全版本Angular） #

在组件中定义一个destroy$ Subject，在组件销毁时发出完成信号，然后在异步验证器的Observable管道里加入takeUntil(this.destroy$)，确保组件销毁时立即终止订阅：

import * as rx from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { FormGroup, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';
import { OnDestroy } from '@angular/core';

class myComponent implements OnDestroy {
  private destroy$ = new rx.Subject<void>();

  form = new FormGroup({
    field: new FormControl<number>(0, {
      asyncValidators: [
        (control: AbstractControl): rx.Observable<ValidationErrors | null> => 
          this.observable$.pipe(
            rx.take(1),
            takeUntil(this.destroy$), // 组件销毁时终止订阅
            //... 验证逻辑 ...//
          ),
      ]
    }),
  });

  ngOnDestroy(): void {
    this.destroy$.next();
    this.destroy$.complete();
  }
}

2. 使用Angular 16+的DestroyRef（更简洁推荐） #

如果你的项目基于Angular 16及以上版本，可使用DestroyRef自动管理订阅，无需手动实现ngOnDestroy：

import * as rx from 'rxjs';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { FormGroup, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';
import { DestroyRef } from '@angular/core';

class myComponent {
  constructor(private destroyRef: DestroyRef) {}

  form = new FormGroup({
    field: new FormControl<number>(0, {
      asyncValidators: [
        (control: AbstractControl): rx.Observable<ValidationErrors | null> => 
          this.observable$.pipe(
            rx.take(1),
            takeUntilDestroyed(this.destroyRef), // 自动绑定组件销毁逻辑
            //... 验证逻辑 ...//
          ),
      ]
    }),
  });
}

额外注意点 #

• 确保this.observable$本身不会在组件销毁后继续发出值，必要时也要对其进行销毁管理。
• 如果异步验证器依赖组件内的服务或其他注入对象，组件销毁后这些对象可能已被清理，必须终止订阅避免访问它们。

内容的提问来源于stack exchange，提问作者kolypto