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、金币登录送、破...
黑科技作弊器!微信小程序微乐辅... 黑科技作弊器!微信小程序微乐辅助器苹果(作弊器),微乐常州麻将竟然真的有透视挂工具1、微信小程序微乐...
黑科技作弊器!微乐陕西麻将破解... 黑科技作弊器!微乐陕西麻将破解(作弊器),微乐河北石家庄麻将一贯是真的有透视挂方法1、每一步都需要思...
黑科技开挂!在哪里下载微乐自建... 黑科技开挂!在哪里下载微乐自建房辅助软件(开挂),微乐苏州麻将一直真的是有透视挂方法一、在哪里下载微...
黑科技作弊器!微乐家乡小程序自... 黑科技作弊器!微乐家乡小程序自建房辅助app(作弊器),微乐三人斗地主一直真的是有透视挂技巧1、微乐...
黑科技透视挂!微乐降序自建房辅... 黑科技透视挂!微乐降序自建房辅助app(透视挂),微乐新余50k有其实是有透视挂插件1、进入游戏-大...