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中找不到指定路径的控件,可能是路径不正确。请确保路径中的每个级别都正确,并且没有拼写错误。

相关内容

热门资讯

透视玄学!aapoker辅助器... 透视玄学!aapoker辅助器是真的吗(透视)aapoker透视怎么用,必胜教程(有挂工具)小薇(透...
透视科技!wepoker钻石怎... 透视科技!wepoker钻石怎么看底牌,wepoker怎么看底牌(详细辅助机器人)1、玩家可以在we...
透视肯定!aapoker辅助怎... 透视肯定!aapoker辅助怎么用(透视)aapoker脚本,高科技教程(有挂技巧)运aapoker...
透视新版!WePOker有没有... 透视新版!WePOker有没有透视方法,wepoker破解器激活码(详细到底是挂了);小薇(透视辅助...
透视挂!aapoker透视脚本... 透视挂!aapoker透视脚本入口(透视)aapoker透视脚本,我来教教你(有挂解说)1)aapo...
辅助透视!wepoker模拟器... 辅助透视!wepoker模拟器哪个,wepoker是不是有人用挂(详细作弊方法)一、wepoker是...
透视辅助!aapoker脚本怎... 透视辅助!aapoker脚本怎么用(透视)aapoker免费透视脚本,黑科技教程(有挂详情);1、a...
透视有挂!wepokerplu... 透视有挂!wepokerplus外挂,wepoker破解器有用吗(详细透视器免费)1、上手简单,内置...
透视实锤!aapoker怎么设... 透视实锤!aapoker怎么设置抽水(透视)aapoker发牌逻辑,解密教程(有挂插件)aapoke...
透视玄学!wepoker代打辅... 透视玄学!wepoker代打辅助,wepoker辅助器激活码(详细-h5下载);1、wepoker辅...