Angular深层嵌套响应式表单:在嵌套的FormArray中找不到指定路径的控件。
创始人
2024-10-29 10:01:03
0

在Angular中,深层嵌套的响应式表单可以使用FormArray来实现。但有时候,在嵌套的FormArray中找不到指定路径的控件可能会引发错误。下面是解决此问题的一种方法。

首先,确保你正确设置了嵌套的FormArray和FormGroup。例如,假设你有一个嵌套的表单,其中包含一个FormArray,每个FormArray中有一个FormGroup,每个FormGroup中有一个FormControl。你可以按照以下方式设置表单:

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-nested-form',
  template: `
    
`, }) export class NestedFormComponent { nestedForm: FormGroup; constructor(private fb: FormBuilder) { this.nestedForm = this.fb.group({ nestedArray: this.fb.array([ this.fb.group({ control: [''] }) ]) }); } submitForm() { console.log(this.nestedForm.value); } }

然后,要访问FormArray中的控件,你可以使用get方法,该方法接受一个路径参数。路径参数是一个字符串数组,用于指定要访问的控件的路径。例如,要访问第一个FormGroup中的control控件,你可以使用以下代码:

const control = this.nestedForm.get('nestedArray.0.control');

如果在嵌套的FormArray中找不到指定路径的控件,可能是路径不正确。请确保路径中的每个级别都正确,并且没有拼写错误。

相关内容

热门资讯

做出回应!wepoker插件辅... 做出回应!wepoker插件辅助,德普之星透视辅助软件,一直是有挂(确实有挂)1、德普之星透视辅助软...
分享给玩家!潮友会鱼虾蟹脚本辅... 分享给玩家!潮友会鱼虾蟹脚本辅助器,微乐手游脚本辅助,详细app(有挂方针)1、让任何用户在无需潮友...
做出回应!pokemmo手机版... 做出回应!pokemmo手机版修改器,智星德州辅助译码插件靠谱吗,真是是有挂(有挂技巧);1、全新机...
今日重大通报!点我休闲辅助器,... 今日重大通报!点我休闲辅助器,大玩家软件辅助,详细方法(有挂透明挂)点我休闲辅助器能透视中分为三种模...
最新技巧!大菠萝辅助器,花花生... 最新技巧!大菠萝辅助器,花花生活圈怎么开挂,详细神器(有挂透明挂)1)花花生活圈怎么开挂有没有挂:进...
第三方技巧!菠萝辅助器免费版的... 第三方技巧!菠萝辅助器免费版的功能介绍,德扑之星怎么设置埋牌,确实是有挂(存在有挂)1、第三方技巧!...
我来分享!丽水都莱大菠萝辅助,... 我来分享!丽水都莱大菠萝辅助,爱玩联盟辅助,详细攻略(讲解有挂)1、游戏颠覆性的策略玩法,独创攻略技...
一直以来!pokemmo脚本辅... 一直以来!pokemmo脚本辅助器,德扑之星透视辅助插件,切实真的是有挂(有挂方略)1、德扑之星透视...
据悉!wpk私人辅助,德普之星... 据悉!wpk私人辅助,德普之星的辅助工具介绍,真是真的有挂(有挂教学)1、德普之星的辅助工具介绍免费...
我来教教大家!微信闲来神器软件... 我来教教大家!微信闲来神器软件下载,陕西挖坑技巧,详细神器(有挂实锤)运微信闲来神器软件下载辅助工具...