Angular 7反应性表单-动态创建输入字段(即使FormArray的键也应动态创建用户表单)

时间:2019-06-26 05:49:14

标签: angular7 formarray dynamicform

使用动态表单,我需要使用户能够动态创建表单字段。需要有一个“添加”按钮,当用户单击此按钮时,将创建更多输入字段。

我还希望动态创建key(FormControlName)

我希望用户能够动态生成addOtherSkillFormGroup键,就像用户可以为例如Eg创建任意数量的字段:-学历,年龄,学位,最高学历以及他要添加的任意数量的字段

ngOnInit() {
this.personalForm = this.formBuilder.group({
firstName: ['', [Validators.required, Validators.minLength(2),
Validators.maxLength(8)]],
lastName: ['', [Validators.required, Validators.minLength(2),
Validators.maxLength(8)]],
address: ['', [Validators.required]],
other: this.formBuilder.array([this.addOtherSkillFormGroup()])
 });
}  


addOtherSkillFormGroup(): FormGroup {
return this.formBuilder.group({
education: ['', Validators.required],
age: ['', Validators.required],
degree: ['Bachelor', Validators.required]
 });
 }

0 个答案:

没有答案