如何为FormGroup设置名称？

Question

我需要为FormGroup设置唯一的名称：

let controls = {};
let formName = "Form1";
const form = new FormGroup(controls);

如何为formName设置名称new FormGroup？

Answer 1

听起来您想要一个带有子表单组的表单组，例如使用表单构建器的示例：

this.masterForm = this.formBuilder.group({
  "Form1": this.formBuilder.group({ ... whatever controls ... })
})

根据需要重复/嵌套。

Answer 2

我从没见过name中的formGroup属性。

如果您有多种形式，一个选择是创建一个数组，其中填充了对象

forms:any = 
 [
  {
   formName:'myForm',
   form: new FormGroup(control)
  }
 ]

如果您使用更“动态”的方法，另一个解决方案（我不知道您的应用程序是如何构建的）将是在json中检索索引

...subscribe((data:any)=>{
   if (data.formIndex > -1 && data.formIndex < this.forms.length)
     this.actualForm = this.forms[data.formIndex]
})