迭代Angular 2+ FormArray
迭代Angular 2+ FormArray
提问于 2018-03-21 06:32:13
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-03-21 07:08:33
在FormArray中有一个属性controls，它是一个AbstractControl对象数组。查看FormArray的特定文档，您将看到它们也继承自AbstractControl，就像您发布的FormControl一样。
请注意，在控件数组中，除了FormControl对象之外，还可以在FormArray或FormGroup对象中使用，因为可以有嵌套的组或数组。
下面是一个简单的例子：
for (let control of formArray.controls) {
if (control instanceof FormControl) {
// is a FormControl
}
if (control instanceof FormGroup) {
// is a FormGroup
}
if (control instanceof FormArray) {
// is a FormArray
}
}Stack Overflow用户
发布于 2020-11-13 18:23:43
我通过遍历formArray.controls解决了这个问题：
formArray.controls.forEach((element, index) => {
...
});Stack Overflow用户
发布于 2021-12-22 09:05:36
如果有人需要在模板中迭代它们的帮助(就像我做的那样)，你可以这样做。
在本例中，我们使用FormArray，其中每个子级都是FormControl
get myRows(): FormControl[] {
return (this.<your form group>.get('<field name>') as FormArray).controls as FormControl[];
}和在模板中
*ngFor="let row of myRows"页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49395203
复制相关文章
相似问题