angular - 使用 isEmpty 函数扩展 ControlValueAccessor

Question

我有一个父表单，其中包含实现ControlValueAccessor接口的所有子表单。然后我需要从父母那里验证这些表格的空虚。isEmpty每种形式的变化逻辑。我试图ControlValueAccessor用一种isEmpty方法来扩展接口，但我从父窗体中看到的只是FormControl没有该isEmpty方法的标准子窗体。

有没有办法做到这一点？

Answer 1

我的意思是您需要添加为提供者

providers: [
    {
      provide: NG_VALIDATORS,
      useExisting: YourComponent,
      multi: true
    }
  ]

并创建一个函数 validate

validate({ value }: FormControl) {
    ....
    return isNotValid?{invalid: true}:null
  }

在自定义表单控件内部。然后控件是无效的根据这个函数独立验证你是否用验证器创建了formControl