可以使用下面的示例代码将变量传递给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控件,而不需要编写重复的代码。
希望这个解决方法对您有所帮助!