Angular中的动态formControlName
创始人
2024-10-31 04:30:16
0

Angular中的表单是通过控件来实现的,每个控件都有一个唯一的名称,称为FormControlName。通常情况下,这个FormControlName是在组件的模板中定义的。但是,有时候需要在运行时动态地创建一个FormControlName。

要在Angular中实现动态FormControlName,可以通过以下代码示例来实现:

在组件中定义一个formGroup的实例和一个FormControlName的动态数组:

import { FormGroup, FormControl } from '@angular/forms';

export class MyComponent {

formGroup: FormGroup;

formControlNames: string[];

constructor() {

this.formGroup = new FormGroup({}); 

this.formControlNames = ['username', 'password']; 

}

}

在模板中使用*ngFor循环来创建动态表单控件:


此时formGroup实例中就会动态生成一个FormControlName数组,通过*ngFor循环渲染出多个相应的表单控件。

通过这种方式,就可以实现动态FormControlName来动态生成不同的表单控件,很好的满足了一些特殊的需求。

相关内容

热门资讯

7安卓(微扑克ai)外挂透明挂... 7安卓(微扑克ai)外挂透明挂辅助挂(辅助挂)揭秘攻略(有挂秘籍)-哔哩哔哩;实战中需综合运用上述技...
第一ai代打!蜀渝牌乐汇有挂吗... 1、第一ai代打!蜀渝牌乐汇有挂吗(辅助挂)太坑了原来真的有挂(有挂功能)-哔哩哔哩;详细教程。2、...
第4个软件!wpk辅助器是真的... 第4个软件!wpk辅助器是真的(微扑克辅助)原来真的有挂(有挂总结)-哔哩哔哩1、玩家可以在微扑克辅...
第2个漏洞!德扑线上创建房间(... 第2个漏洞!德扑线上创建房间(的优势)透视辅助(有挂秘诀)-哔哩哔哩;德扑线上创建房间软件透明挂作为...
4德州版(WPK代码)外挂透明... 4德州版(WPK代码)外挂透明挂辅助器(辅助挂)2024新版技巧(有挂方针)-哔哩哔哩;支持2-10...
3开挂!广东闲来麻将如何提高胜... 3开挂!广东闲来麻将如何提高胜率(透视)太坑了其实真的有挂(详细教程)-哔哩哔哩是一款可以让一直输的...
6个自建房!wepokeapp... wepoke新手教程相关信息汇总(需添加指定薇757446909获取下载链接);6个自建房!wepo...
第四个ios!德扑之星的优势(... 大家肯定在之前德扑之星或者德扑之星中玩过第四个ios!德扑之星的优势(好牌)软件透明挂(有挂秘笈)-...
2挂(德扑之星实战)外挂透明挂... 2挂(德扑之星实战)外挂透明挂辅助器(透视)介绍教程(有挂分析)-哔哩哔哩关于德扑之星实战机制的,其...
六个脚本!wpk线上代打(透明... 六个脚本!wpk线上代打(透明挂)原来真的有挂(有挂规律)-哔哩哔哩;亲,其实确实真的有挂(需添加指...