formcontrol - dinámicamente agregue Control a formgroup Angular 5

reactive form controls

Question

Intentando agregar dinámicamente una nueva entrada de formControl a mi formGroup en Angular.

method() {
  this.testForm.addControl(''new'', ('''', Validators.required));
}

Se puede hacer esto?

Answer 1

Claro, pero los segundos parámetros deberían ser una instancia de FormControl. Algo como:

this.testForm.addControl(''new'', new FormControl('''', Validators.required));

también puede agregar los validadores dinámicamente si lo desea con el método ''setValidators''.

Información aquí: https://angular.io/api/forms/FormGroup#addControl

Answer 2

Si está utilizando FormBuilder para su formulario, también puede usarlo para agregar un control:

constructor(private fb: FormBuilder) { }

method() {
  this.testForm.addControl(''new'', this.fb.control('''', Validators.required));
}