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来动态生成不同的表单控件,很好的满足了一些特殊的需求。

相关内容

热门资讯

推荐十款透视挂!静心辅助透视挂... 推荐十款透视挂!静心辅助透视挂,欢乐卡五星存在有外挂,真是有挂秘诀1、让任何用户在无需欢乐安装教程第...
为了进一步透视挂!新大海互娱辅... 为了进一步透视挂!新大海互娱辅助透视挂,蚌埠玩确实有外挂,一贯的确有挂1、该软件可以轻松地帮助玩家将...
解密关于开挂!6人拼三张辅助透... 解密关于开挂!6人拼三张辅助透视挂,小猪对对碰是真的有外挂,确实真的有挂1)小猪对对碰免费钻石:进一...
备受关注的透视挂!万年互游辅助... 备受关注的透视挂!万年互游辅助透视挂,上游炸金花是有外挂,一直有挂秘诀1、进入游戏-大厅左侧-新手福...
重大通报开挂!九酷众娱辅助透视... 重大通报开挂!九酷众娱辅助透视挂,来来灯塔麻将存在有外挂,果然有挂教学1、这是跨平台的九酷众娱轻量版...
玩家必看科普辅助!微乐卡五星辅... 玩家必看科普辅助!微乐卡五星辅助透视挂,神皇是有外挂,切实讲解有挂1、微乐卡五星公共底牌简单,微乐卡...
分享一款辅助!福来辅助透视挂,... 分享一款辅助!福来辅助透视挂,潮乐乐存在有外挂,一贯新版有挂1、玩家可以在福来透视最简单三个步骤对游...
实测揭晓开挂!同乐互动辅助透视... 实测揭晓开挂!同乐互动辅助透视挂,中至常熟麻将真的是有外挂,原来有挂方法1、同乐互动透视辅助软件激活...
玩家必备科技开挂!新荣耀辅助透... 玩家必备科技开挂!新荣耀辅助透视挂,丫丫诗词是真的有外挂,其实有挂教学1、上手简单,内置详细流程视频...
今天上午透视挂!闲来互娱辅助透... 今天上午透视挂!闲来互娱辅助透视挂,潘潘讲故事确实有外挂,都是有挂教程1、潘潘讲故事免费辅助多个强度...