Angular响应式表单:在FormArray内部的未命名FormArray。
创始人
2024-10-30 09:00:38
0

在使用Angular响应式表单时,我们可能会遇到在一个FormArray中使用另一个未命名的FormArray的情况。这会导致一些问题,例如表单控件不能正确地绑定,或者无法访问表单控件的值。

解决这个问题的方法是给内部的FormArray分配一个名称。可以通过在内部的FormArray上添加一个FormControl来实现。例如,假设我们有一个innerFormArray,我们将其命名为'myFormArray”,则可以使用以下代码来解决问题:

this.form = this.fb.group({
  outerControl: this.fb.array([
    this.fb.group({
      innerControl: this.fb.array([
        this.fb.control(''),
        this.fb.control(''),
        this.fb.control(''),
      ], {name: 'myFormArray'})
    })
  ])
});

在这个示例中,我们给内部的FormArray分配了一个名称'MyFormArray”。这样,我们就可以在代码中引用这个名称,访问内部的表单控件。例如,要访问第一个表单控件的值,可以这样写:

this.form.get('outerControl.0.innerControl.myFormArray.0').value

这将返回第一个表单控件的值。

使用上述方法,我们可以在Angular响应式表单中正确地处理嵌套的FormArray。

相关内容

热门资讯

玩家必看秘籍!蜜瓜大厅辅助免费... 玩家必看秘籍!蜜瓜大厅辅助免费下载(透视)八闽掌上辅助软件(详细开挂外开挂教程)1、该软件可以轻松地...
我来教大家!!陕麻圈内购破解辅... 我来教大家!!陕麻圈内购破解辅助(透视)卡五星辅助(详细开挂外开挂教程);进入游戏-大厅左侧-新手福...
教程辅助!微信微乐小程序修改器... 您好,微信微乐小程序修改器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
玩家必看教程!!江西中至科技(... 玩家必看教程!!江西中至科技(透视)贪玩娱乐科技(详细开挂外开挂教程)1、贪玩娱乐科技系统规律教程、...
玩家必备科普!川川云脚本破解(... 玩家必备科普!川川云脚本破解(透视)新老夫子脚本(详细开挂外开挂教程);1、上手简单,内置详细流程视...
实测交流!创思维激k透视免费(... 实测交流!创思维激k透视免费(透视)南昌微乐自建房辅助(详细开挂外开挂教程);1、创思维激k透视免费...
我来教教大家!心悦填大坑规律(... 我来教教大家!心悦填大坑规律(透视)789大菠萝辅助(详细开挂外开挂教程);1、进入游戏-大厅左侧-...
总算了解!!中至余干辅助器20... 总算了解!!中至余干辅助器2024(透视)贪吃蛇辅助器怎么下载(详细开挂外开挂教程)1、玩家可以在中...
分享认知!新玄龙辅助(透视)新... 分享认知!新玄龙辅助(透视)新青鸟辅助(详细开挂外开挂教程)1、不需要AI权限,帮助你快速的进行新玄...
重大消息!微信老友广东辅助(透... 重大消息!微信老友广东辅助(透视)兴动互娱有辅助吗(详细开挂外开挂教程);1、下载好兴动互娱有辅助吗...