Angular嵌套FormArray找不到名为'0-1'的控件。
创始人
2024-10-29 03:00:12
0次

在Angular中,当使用嵌套的FormArray时,如果找不到指定名称的控件,可以按照以下步骤解决问题:

  1. 确保你的模板中正确地设置了FormArray和FormGroup的嵌套结构。 例如,假设你有一个嵌套的FormArray,其中包含多个FormGroup,并且每个FormGroup中有一个名为'0-1'的控件。你的模板应该类似于下面的示例:
  1. 在你的组件类中,确保正确地初始化和访问FormArray和FormGroup的嵌套结构。 例如,假设你有一个名为myForm的表单,其中包含一个名为nestedArray的FormArray。你的组件类应该类似于下面的示例:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.fb.group({
      nestedArray: this.fb.array([
        this.fb.group({
          '0-1': ''
        })
      ])
    });
  }

  get nestedArray(): FormArray {
    return this.myForm.get('nestedArray') as FormArray;
  }
}
  1. 如果以上步骤都正确无误,但仍然出现找不到指定名称控件的错误,请确保在访问和操作FormArray和FormGroup时使用正确的索引。 在上面的示例中,'0-1'是FormGroup中的一个控件,索引为0。如果你想访问第一个FormGroup中的'0-1'控件,可以使用以下代码:
const control = this.nestedArray.at(0).get('0-1');

通过按照以上步骤检查和调试你的代码,应该能够解决找不到指定名称控件的问题。

相关内容

热门资讯

终于知道外挂技巧!趣玩情怀多功... 终于知道外挂技巧!趣玩情怀多功能外挂技巧,趣玩情怀原来存在有外挂技巧1、全新机制【趣玩情怀ai辅助工...
揭秘真相辅助技巧!欢乐茶馆多功... 揭秘真相辅助技巧!欢乐茶馆多功能辅助技巧,欢乐茶馆竟然是真的有辅助技巧揭秘真相辅助技巧!欢乐茶馆多功...
玩家必备教程透视器插件!鲁乐山... 玩家必备教程透视器插件!鲁乐山东麻将多功能透视器插件,鲁乐山东麻将一直是真的有透视器插件鲁乐山东麻将...
分享个大家开挂教程!微友南昌麻... 分享个大家开挂教程!微友南昌麻将多功能开挂教程,微友南昌麻将真是真的是有开挂教程1、起透看视 微友南...
推荐几款新版辅助app!老友汇... 推荐几款新版辅助app!老友汇多功能辅助app,老友汇总是真的有辅助app老友汇能透视中分为三种模型...
记者揭秘透视器插件!杭州麻将多... 记者揭秘透视器插件!杭州麻将多功能透视器插件,杭州麻将其实有透视器插件1、进入游戏-大厅左侧-新手福...
我来教教大家外挂app!欢乐碰... 我来教教大家外挂app!欢乐碰胡多功能外挂app,欢乐碰胡本来有外挂app1、在欢乐碰胡插件功能辅助...
盘点一款作弊器教程!小白大作战... 盘点一款作弊器教程!小白大作战多功能作弊器教程,小白大作战切实有作弊器教程1、实时小白大作战透视辅助...
玩家必备攻略透视挂工具!博乐温... 玩家必备攻略透视挂工具!博乐温州棋牌多功能透视挂工具,博乐温州棋牌总是是有透视挂工具1、博乐温州棋牌...
每日必看教程作弊器脚本!边锋c... 每日必看教程作弊器脚本!边锋cr在线多功能作弊器脚本,边锋cr在线原来真的有作弊器脚本1、首先打开边...