Angular动态表单数组无法找到控件。
创始人
2024-10-24 14:01:10
0

在Angular中,当使用动态表单数组时,有时候可能会遇到无法找到控件的问题。这通常是由于动态生成的表单控件无法被正确地绑定所导致的。下面是一个解决方法的示例代码:

  1. 在组件类中定义一个表单数组和一些辅助方法:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  template: `
    
` }) export class MyComponent { myForm: FormGroup; constructor(private fb: FormBuilder) { this.myForm = this.fb.group({ myArray: this.fb.array([]) }); } get myArray(): FormArray { return this.myForm.get('myArray') as FormArray; } addItem(): void { this.myArray.push(this.fb.control('')); } }
  1. 在模板中使用formArrayName指令绑定表单数组,并使用*ngFor指令遍历表单数组中的控件。

  2. 在组件类中,通过get方法获取表单数组控件。

  3. addItem方法中,使用push方法向表单数组中添加新的控件。

这样,就可以动态地向表单数组中添加控件,并且能够正确地找到这些控件。

相关内容

热门资讯

黑科技有挂(wEpOke)ai... 黑科技有挂(wEpOke)ai辅助怎么用(黑科技)辅助透(都是真的有挂)1、构建自己的微扑克辅助插件...
黑科技科技(微扑克辅助工具怎么... 黑科技科技(微扑克辅助工具怎么下载)外挂黑科技辅助教程(透视)都是是真的有挂(黑科技技巧)1)微扑克...
黑科技辅助(微扑克)辅助手机(... 1、黑科技辅助(微扑克)辅助手机(辅助挂)辅助手机(切实是有挂);代表性(透视辅助软件透明挂)高科技...
透视有挂(Wpk)透手牌测试(... 透视有挂(Wpk)透手牌测试(黑科技)透视辅助购买渠道(竟然是有挂)是一款可以让一直输的玩家,快速成...
黑科技辅助(wpk有平衡机制吗... 黑科技辅助(wpk有平衡机制吗)外挂透视辅助器(透视)其实真的是有挂(黑科技脚本);1、完成wpk有...
黑科技工具(wePoke)辅助... 黑科技工具(wePoke)辅助(黑科技)软件透明演示(其实真的有挂)1、ai机器人多个强度级别选择2...
黑科技代打(wpk透视外挂会怎... 黑科技代打(wpk透视外挂会怎么样)外挂透明挂辅助app(透视)确实真的有挂(黑科技细节)1、点击下...
可靠辅助(微扑克)ai机器人(... 可靠辅助(微扑克)ai机器人(辅助挂)辅助软件(一贯是有挂)1、不需要AI权限,帮助你快速的进行计算...
黑科技教学(wepoke辅助使... 黑科技教学(wepoke辅助使用方法)外挂透明挂辅助插件(透视)其实是真的有挂(黑科技规律);1、游...
透视苹果版(wpK)透视辅助工... 透视苹果版(wpK)透视辅助工具的使用教程(黑科技)透视辅助(总是存在有挂)(1)透视苹果版(wpK...