Angular中的FormArray中常常出现对FormArray嵌套的问题,这将导致FormArray与FormGroup之间的相互转换出现问题。解决这个问题的方法是,将FormArray中的FormGroup分离出来,使其成为两个不同的Form。以下是示例代码:
// 将formArray嵌套在formGroup中 this.form = this.fb.group({ name: [''], contact: [this.fb.array([ this.fb.group({ type: ['email'], value: [''] }), this.fb.group({ type: ['phone'], value: [''] }) ])] });
// 将formArray和formGroup分离 this.contactList = this.form.get('contact') as FormArray; this.formRemoveItem(index: number) { this.contactList.removeAt(index); }
在此示例中,我们首先使用FormBuilder在formGroup中嵌套了一个formArray,然后使用get()方法获取了formArray,然后创建了一个表单项删除函数。
上一篇:Angular中的formarray push formcontrol可以翻译为“Angular中的表单数组推送表单控件”。
下一篇:Angular中的FormArray是一种用于管理动态表单组的机制。在这种机制中,可以使用push方法将新的FormGroup添加到FormArray中。