角度反应形式设置和清除验证器

Question

请协助，我想删除表单中的所有验证器，请告知是否可能，如果不可能，如果您有一个包含 20 个或更多表单控件的表单组，那么删除验证器的更好方法是什么，请参见下面的示例。

 ngOnInit() {
    this.exampleFormGroup = this.formBuilder.group({
     surname: ['', [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]],
     initials: ['', [Validators.required, Validators.maxLength(4)]]
     });
  }

 public removeValidators() {
    this.exampleFormGroup.get('surname').clearValidators();
    this.exampleFormGroup.get('initials').clearValidators();
    this.exampleFormGroup.updateValueAndValidity();
 }

 public addValidators() { 
  this.exampleFormGroup .get('surname').setValidators([Validators.required,Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]);
  this.exampleFormGroup.get('initials').setValidators([Validators.required, Validators.maxLength(4)]);
  this.exampleFormGroup.updateValueAndValidity(); 
 }

上述方法

addValidators()

将添加验证器，

removeValidators()

将在执行时删除验证器。但我遇到的问题是，我必须指定试图清除验证器的表单控件。有没有办法只做

this.exampleFormGroup.clearValidators();

并清除表格中的所有内容，然后再次

this.exampleFormGroup.setValidators()

将它们放回去。我知道我可能想要一个独角兽，但在 formGroup 有 20 个或更多控件的情况下，清除和设置验证器可能会很痛苦，因此非常感谢关于如何处理此类情况的地图。

Answer 1

你可以这样做：

validationType = {
    'surname': [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')],
    'initials': [Validators.required, Validators.maxLength(4)]
}

ngOnInit() {
    this.exampleFormGroup = this.formBuilder.group({
        surname: ['', [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]],
        initials: ['', [Validators.required, Validators.maxLength(4)]]
    });
}

    public removeValidators(form: FormGroup) {
    for (const key in form.controls) {
        form.get(key).clearValidators();
        form.get(key).updateValueAndValidity();
    }
}
     

    public addValidators(form: FormGroup) {
    for (const key in form.controls) {
        form.get(key).setValidators(this.validationType[key]);
        form.get(key).updateValueAndValidity();
    }
}

Answer 2

构造函数（私有 fb：FormBuilder）{ 公共 ngOnInit() {

               super.ngOnInit();
        this.form = new FormGroup({
       'listaComensales' : this.fb.array([]), 
       });
       } 

}