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

相关内容

热门资讯

今日百科!新青鸟大厅辅助器功能... 今日百科!新青鸟大厅辅助器功能方法,新青鸟大厅总是存在有辅助器方法(有辅助挂透视)新青鸟大厅透视方法...
专业讨论!新玉海楼茶苑辅助功能... 您好,新玉海楼茶苑这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
分享开挂内幕!甘孜互娱透视功能... 分享开挂内幕!甘孜互娱透视功能方法,甘孜互娱好像真的是有透视方法(有辅助挂功能)1.甘孜互娱 选牌创...
一分钟了解!胖猪竞技辅助器功能... 一分钟了解!胖猪竞技辅助器功能技巧,胖猪竞技一贯存在有辅助器技巧(真实有辅助挂)1、许多玩家不知道胖...
一分钟秒懂!欢乐五张辅助器功能... 一分钟秒懂!欢乐五张辅助器功能教程,欢乐五张切实是有辅助器教程(有辅助挂辅教程)1.欢乐五张 选牌创...
今日科普!十三十三水辅助功能a... 今日科普!十三十三水辅助功能app,十三十三水都是真的是有辅助app(有辅助挂教学)1)十三十三水免...
一分钟了解!浙江游戏大厅辅助功... 一分钟了解!浙江游戏大厅辅助功能教程,浙江游戏大厅真是存在有辅助教程(有辅助挂辅教程)1、起透看视 ...
三分钟了解!寻找锦鲤辅助器功能... 三分钟了解!寻找锦鲤辅助器功能技巧,寻找锦鲤一直真的是有辅助器技巧(有辅助挂秘笈)寻找锦鲤是不是有人...
新手必备!亨博棋牌透视挂功能神... 新手必备!亨博棋牌透视挂功能神器,亨博棋牌一贯存在有透视挂神器(有辅助挂分析)1、玩家可以在亨博棋牌...
交流学习经验!福乐游贰柒拾透视... 交流学习经验!福乐游贰柒拾透视挂功能神器,福乐游贰柒拾总是真的是有透视挂神器(有挂辅方法)1、福乐游...