是否可以动态地向groupform添加属性

Question

是否可以向groupform动态添加属性？ 我需要一个属性名称才能将索引作为名称的一部分

createForm() {
    for (let index = 0; index < 10; index++) {
        this.groupForm = this.fb.group({
            prixName+index: ['', [Validators.maxLength(4)]],
        });


    }
}

Answer 1

为此使用addControl函数

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

查看此答案dynamically addControl to formgroup Angular 5和此链接https://angular.io/api/forms/FormGroup#addcontrol

createForm() {
   this.groupForm = this.fb.group({});
   for (let index = 0; index < 10; index++) {
     this.groupForm.addControl(prixName+index, new FormControl(null, Validators.maxLength(4)));

   }
}

如果需要表单控件数组，请使用FormArray代替索引或无提示计数器。在这种情况下，这也对您有帮助 https://angular.io/api/forms/FormArray