使用动态表单,我需要使用户能够动态创建表单字段。需要有一个“添加”按钮,当用户单击此按钮时,将创建更多输入字段。
我还希望动态创建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]
});
}