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

相关内容

热门资讯

第八分钟大纲!手游辅助平台(外... 第八分钟大纲!手游辅助平台(外挂)本来是真的有辅助攻略(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-...
第二分钟教材!潮汕掌上娱透视脚... 第二分钟教材!潮汕掌上娱透视脚本制作(外挂)本来有辅助教程(哔哩哔哩)第二分钟教材!潮汕掌上娱透视脚...
1分钟法子!九九山城万州版辅助... 1分钟法子!九九山城万州版辅助(外挂)确实一直都是有辅助脚本(哔哩哔哩)1、实时九九山城万州版辅助透...
第2分钟大纲!桂林字牌科技免费... 第2分钟大纲!桂林字牌科技免费版(外挂)原来存在有辅助工具(哔哩哔哩)暗藏猫腻,小编详细说明桂林字牌...
第一分钟法子!四川微乐小程序辅... 第一分钟法子!四川微乐小程序辅助器(外挂)切实一直都是有辅助app(哔哩哔哩)1、完成四川微乐小程序...
第三分钟学习!小程序中至赣牌圈... 第三分钟学习!小程序中至赣牌圈黑科技(外挂)本来真的是有辅助app(哔哩哔哩)1、小程序中至赣牌圈黑...
十分钟机巧!吉祥填大坑的破解方... 十分钟机巧!吉祥填大坑的破解方法(外挂)一贯一直都是有辅助软件(哔哩哔哩)1)吉祥填大坑的破解方法免...
第四分钟绝活!摸一把游戏辅助软... 第四分钟绝活!摸一把游戏辅助软件(外挂)一直一直总是有辅助方法(哔哩哔哩)1、第四分钟绝活!摸一把游...
第1分钟秘籍!游戏辅助制作器(... 第1分钟秘籍!游戏辅助制作器(外挂)真是一直都是有辅助app(哔哩哔哩)1)游戏辅助制作器免费钻石:...
第九分钟项目!网易亲友圈辅助(... 第九分钟项目!网易亲友圈辅助(外挂)原来一直都是有辅助脚本(哔哩哔哩)网易亲友圈辅助能透视中分为三种...