Angular中如何在FormBuilder.group()中传递一个变量?
创始人
2024-10-31 16:00:48
0

可以使用下面的示例代码将变量传递给FormBuilder.group()方法。

在组件中定义变量:

myVar = 'name';

然后在FormGroup中使用变量:

import { FormBuilder, FormGroup } from '@angular/forms';
import { Component, OnInit } from '@angular/core';

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

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myFormGroup = this.fb.group({
      [this.myVar]: ''
    });
  }
}

在这个例子中,我们定义了一个名为“myVar”的变量,并在FormGroup中使用了它。注意,我们使用了方括号([])将变量括起来,这是因为我们需要将变量的值作为属性名传递给FormGroup。在这个例子中,我们传递了字符串“name”,这将创建一个FormControl控件,它的名称为“name”。

这样我们就可以根据需要轻松地更改变量的值来创建FormControl控件,而不需要编写重复的代码。

希望这个解决方法对您有所帮助!

相关内容

热门资讯

有消息称!全来潜山跑风辅助器,... 您好,全来潜山跑风辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
围绕透视问题!新二号辅助软件下... 围绕透视问题!新二号辅助软件下载,果然存在有辅助工具(有挂分享)-哔哩哔哩新二号辅助软件下载辅助器是...
最终!微信微乐挂有没有,其实真... 最终!微信微乐挂有没有,其实真的有辅助软件(有挂方针)-哔哩哔哩1、微信微乐挂有没有有没有辅助教程、...
据玩家消息!兴动互娱绥化辅助器... 据玩家消息!兴动互娱绥化辅助器挂,确实有挂辅助工具(有挂技巧)-哔哩哔哩一、兴动互娱绥化辅助器挂可以...
近年来!微信微乐小程序辅助软件... 近年来!微信微乐小程序辅助软件,本来有挂辅助挂(有挂讲解)-哔哩哔哩一、微信微乐小程序辅助软件游戏安...
这一现象值得深思!游戏茶苑辅助... 这一现象值得深思!游戏茶苑辅助,原来真的是有辅助修改器(有挂方式)-哔哩哔哩游戏茶苑辅助是不是有人用...
为切实保障!老友广东麻将辅助,... 为切实保障!老友广东麻将辅助,本来存在有辅助app(有挂透视)-哔哩哔哩1、让任何用户在无需老友广东...
做出回应!佛手在线大菠萝辅助,... 做出回应!佛手在线大菠萝辅助,确实是有辅助app(证实有挂)-哔哩哔哩1、用户打开应用后不用登录就可...
今年以来!牵手辅助神器下载,好... 今年以来!牵手辅助神器下载,好像有挂辅助软件(有挂存在)-哔哩哔哩1)牵手辅助神器下载辅助插件:进一...
据悉!心悦辅助器下载,切实有挂... 据悉!心悦辅助器下载,切实有挂辅助插件(有挂解惑)-哔哩哔哩1、每一步都需要思考,不同水平的挑战会更...