En Angular, ¿cómo agregar Validator a FormControl después de que se crea el control?

Tenemos un componente que tiene una forma construida dinámicamente. El código para agregar un control con validadores podría verse así:

var c = new FormControl('', Validators.required);

Pero digamos que quiero agregar 2nd Validator más tarde . ¿Cómo podemos lograr esto? No podemos encontrar ninguna documentación sobre esto en línea. Encontré aunque en los controles de formulario hay setValidators

this.form.controls["firstName"].setValidators 

pero no está claro cómo agregar un validador nuevo o personalizado.

Simplemente pasa al FormControl una matriz de validadores.

Aquí hay un ejemplo que muestra cómo puede agregar validadores a un FormControl existente:

this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]);

Tenga en cuenta que esto restablecerá los validadores existentes que agregó cuando creó FormControl.

Para agregar a lo que @Delosdos ha publicado.

Establecer un validador para un control en FormGroup: this.myForm.controls['controlName'].setValidators([Validators.required])

Elimine el validador del control en FormGroup: this.myForm.controls['controlName'].clearValidators()

Actualice FormGroup una vez que haya ejecutado cualquiera de las líneas anteriores. this.myForm.controls['controlName'].updateValueAndValidity()

Esta es una forma asombrosa de configurar mediante programación la validación de su formulario.

Si está utilizando reactiveFormModule y tiene formGroup definido así:

public exampleForm = new FormGroup({
        name: new FormControl('Test name', [Validators.required, Validators.minLength(3)]),
        email: new FormControl('[email protected]', [Validators.required, Validators.maxLength(50)]),
        age: new FormControl(45, [Validators.min(18), Validators.max(65)])
});

de lo que puede agregar un nuevo validador ( y mantener los antiguos ) a FormControl con este enfoque:

this.exampleForm.get('age').setValidators([
        Validators.pattern('^[0-9]*$'),
        this.exampleForm.get('age').validator
]);
this.exampleForm.get('email').setValidators([
        Validators.email,
        this.exampleForm.get('email').validator
]);

FormControl.validator devuelve un validador de composición que contiene todos los validadores definidos previamente.

Creo que la respuesta seleccionada no es correcta, ya que la pregunta original es "cómo agregar un nuevo validador después de crear formControl".

Hasta donde yo sé, eso no es posible. Lo único que puede hacer es crear la matriz de validadores de forma dinámica.

Pero lo que echamos de menos es tener una función addValidator () para no anular los validadores ya agregados a formControl. Si alguien tiene una respuesta para ese requisito, sería bueno que lo publicara aquí.

Además de la respuesta de Eduard Void, aquí está el addValidatorsmétodo:

declare module '@angular/forms' {
  interface FormControl {
    addValidators(validators: ValidatorFn[]): void;
  }
}

FormControl.prototype.addValidators = function(this: FormControl, validators: ValidatorFn[]) {
  if (!validators || !validators.length) {
    return;
  }

  this.clearValidators();
  this.setValidators( this.validator ? [ this.validator, ...validators ] : validators );
};

Al usarlo, puede configurar validadores dinámicamente:

some_form_control.addValidators([ first_validator, second_validator ]);
some_form_control.addValidators([ third_validator ]);