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有挂(wepokeai代打)原先真的是有挂(有挂细节)-哔哩哔哩是一款可以...
黑科技实锤!德扑之星猫腻(aa... 黑科技实锤!德扑之星猫腻(aa poker有外挂吗)原先真的是有挂(揭秘有挂)-哔哩哔哩1、每个玩家...
黑科技科技!德扑ai软件购买(... 黑科技科技!德扑ai软件购买(aapokerai辅助)真是有挂(有挂助手)-哔哩哔哩1、让任何用户在...
黑科技新版!扑克之城可以那假(... 黑科技新版!扑克之城可以那假(wepoke智能ai)最初真的有挂(有挂总结)-哔哩哔哩1、这是跨平台...
黑科技教程!哈糖大菠萝有外挂(... 黑科技教程!哈糖大菠萝有外挂(wpk ai辅助)先前是真的有挂(揭秘有挂)-哔哩哔哩1、起透看视 w...
黑科技app!云扑克是否有外挂... 1、黑科技app!云扑克是否有外挂(微扑克如何让系统发好牌)从来是真的有挂(有挂透明挂)-哔哩哔哩;...
黑科技ai代打!智星德州菠萝安... 您好,wpk ai辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
黑科技真的!aapoker透明... 黑科技真的!aapoker透明挂使用教程(wepoke辅助插件)切实存在有挂(有挂神器)-哔哩哔哩1...
黑科技攻略!众合推扑克辅助工具... 黑科技攻略!众合推扑克辅助工具(德扑AI策略软件)竟然是有挂(有挂存在)-哔哩哔哩1、打开德州pok...
黑科技能赢!gg扑克有假(线上... 黑科技能赢!gg扑克有假(线上wpk德州ai机器人)固有真的有挂(有挂教程)-哔哩哔哩;一、线上wp...