Dynamically addControl to formgroup Angular 5

Question

Trying to dynamically add a new formControl entry to my formGroup in Angular.

method() {
  this.testForm.addControl(\'n         


        

Answer 1

Sure, but the second parameters should be a FormControl instance. Something like:

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

You can also add the validators dynamically if you want with the setValidators method.

More information here: https://angular.io/api/forms/FormGroup#addControl

Answer 2

simple use:

  this.testForm.addControl('new', this.fb.group({
      name: ['', Validators.required]
    }));

Answer 3

If you are using FormBuilder for your form, you can also use that for adding a control:

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