Addieren Sie Control dynamisch zur Formgruppe Angular 5

Der Versuch, meiner formGroup in Angular dynamisch einen neuen formControl-Eintrag hinzuzufügen.

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

Kann das gemacht werden?

Sicher, aber die zweiten Parameter sollten eine FormControl-Instanz sein. Etwas wie:

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

Sie können die Validatoren auch dynamisch hinzufügen, wenn Sie dies mit der setValidatorsMethode möchten .

Weitere Informationen finden Sie hier: https://angular.io/api/forms/FormGroup#addControl

Wenn Sie FormBuilderfür Ihr Formular verwenden, können Sie dies auch zum Hinzufügen eines Steuerelements verwenden:

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

einfache Verwendung:

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