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、完成透视辅助安装,帮助玩家取...
科技通报!红龙扑克好友桌,红龙... 科技通报!红龙扑克好友桌,红龙扑克其实存在有挂(详细辅助器教程)1、ai机器人多个强度级别选择2、a...
黑科技透明挂!wePOke辅助... 黑科技透明挂!wePOke辅助脚本,Wepoke输赢果然是有挂(详细真的有挂教程)一、软件透明挂的定...
透视辅助!wpk外卦挂,(WP... 透视辅助!wpk外卦挂,(WPK数据)总是存在有挂(详细ai辅助教程);小薇(透视辅助)致您一封信;...
8分钟了解!微扑克透视辅助软件... 8分钟了解!微扑克透视辅助软件,微扑克安卓版本总是是真的有挂(详细辅助挂教程)1)辅助挂:进一步探索...
实测交流!红龙扑克都是机器人吗... 1、实测交流!红龙扑克都是机器人吗,红龙扑克其实有挂(详细辅助教程);该软件可以轻松地帮助玩家将透视...
透视辅助!微扑克一贯是有挂,德... 透视辅助!微扑克一贯是有挂,德州微扑克外挂其实真的是有挂(详细全自动机器人教程)1、系统规律教程、辅...
透视辅助!wpk辅助软件,(w... 透视辅助!wpk辅助软件,(wpk总结)本来真的有挂(详细发牌逻辑教程)1、起透看视 透明视辅助2、...
9分钟了解!微扑克透视辅助挂,... 9分钟了解!微扑克透视辅助挂,微扑克下载都是有挂(详细有辅助挂教程)1、实时开挂更新:用户可以随时随...
玩家爆料!红龙扑克是正规的吗,... 玩家爆料!红龙扑克是正规的吗,红龙扑克原来是真的有挂(详细辅助工具教程)1、任何德州ai辅助神器的玩...