ajouter dynamiquementContrôler à formgroup Angular 5

Question

Essayer d’ajouter dynamiquement une nouvelle entrée formControl à mon formGroup dans Angular.

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

Cela peut-il être fait?

Answer 1

Bien sûr, mais le deuxième paramètre devrait être une instance de FormControl. Quelque chose comme:

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

vous pouvez également ajouter les validateurs dynamiquement si vous le souhaitez avec la méthode 'setValidators'.

Informations ici: https://angular.io/api/forms/FormGroup#addControl

Answer 2

Si vous utilisez FormBuilder pour votre formulaire, vous pouvez également l'utiliser pour ajouter un contrôle:

 constructor(private fb: FormBuilder) { }

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