You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular中如何通过Getter获取嵌套FormArray的全部值?

解决嵌套FormArray动态索引获取问题

你当前的Getter只能固定获取info_details数组第0项中的subinfo FormArray,要换成动态索引i的话,得把Getter改成带参数的方法——因为Getter是类属性,没法接收外部参数。

两种可行写法:

方式一:数组路径传参

getDetailsControl(i: number): FormArray {
  return this.dataForm.get(['info_details', i.toString(), 'subinfo']) as FormArray;
}

方式二:字符串点语法拼接

getDetailsControl(i: number): FormArray {
  return this.dataForm.get(`info_details.${i}.subinfo`) as FormArray;
}

如果要批量获取info_details里所有项的subinfo FormArray,可以循环调用这个方法:

// 先拿到外层的info_details FormArray
const infoDetails = this.dataForm.get('info_details') as FormArray;
// 遍历每个索引,获取对应的subinfo数组
const allSubinfoArrays = infoDetails.controls.map((_, idx) => this.getDetailsControl(idx));

内容的提问来源于stack exchange,提问作者john carter

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 11:40:13