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、不需要AI权限,帮助你快速的...
揭秘!博乐九台晃开挂功能方法,... 揭秘!博乐九台晃开挂功能方法,博乐九台晃一直真的是有开挂方法(今日头条辅助)1、很好的工具软件,可以...
一分钟带你了解!微乐过炸透视功... 一分钟带你了解!微乐过炸透视功能脚本,微乐过炸原来真的是有透视脚本(有辅助挂助手)1、操作简单,无需...
分享认知!如意棋牌辅助器功能工... 分享认知!如意棋牌辅助器功能工具,如意棋牌其实是真的有辅助器工具(有辅助挂功能)1、如意棋牌模拟器是...
每日必备!众乐透视挂功能app... 每日必备!众乐透视挂功能app,众乐本来真的是有透视挂app(有辅助挂秘笈)1、玩家可以在众乐线上大...
科普!外星人辅助器功能神器,外... 科普!外星人辅助器功能神器,外星人真是真的是有辅助器神器(有辅助挂方式)1、完成外星人有辅助插件,帮...
如何分辨真伪!新爵互娱开挂功能... 如何分辨真伪!新爵互娱开挂功能app,新爵互娱确实真的有开挂app(有辅助挂实锤)1、很好的工具软件...
一分钟快速了解!芒果棋牌透视功... 一分钟快速了解!芒果棋牌透视功能工具,芒果棋牌切实是真的有透视工具(有辅助挂方略)1、芒果棋牌辅助器...
玩家亲测!浙江茶苑辅助器功能方... 玩家亲测!浙江茶苑辅助器功能方法,浙江茶苑确实真的是有辅助器方法(详细教程辅助)1、进入到浙江茶苑是...
一分钟了解!摸一把跑得快透视功... 一分钟了解!摸一把跑得快透视功能方法,摸一把跑得快确实真的有透视方法(有辅助挂总结)1、完成摸一把跑...