在Angular 7中使用反应式表单动态创建多个表单组

时间:2019-03-18 05:22:45

标签: angular angular-reactive-forms dynamic-forms

我想创建多个表单组。

当我们需要3个表单组时,我们将使用以下方法声明多个表单

form1: new FormGroup({
    firstName1: new FormControl(''),
    lastName1: new FormControl(''),
  });
form2: new FormGroup({
    firstName2: new FormControl(''),
    lastName2: new FormControl(''),
  });
form3: new FormGroup({
    firstName3: new FormControl(''),
    lastName3: new FormControl(''),
  });

我们将这些表单组声明为静态表单,然后在表单中使用它。

我想使用JSON文件动态创建表单组及其表单控件
JSON文件格式并创建那些HTML表单。

forms : [
  {
    type: 'form',
    objectName: 'form1',
    fields:[
        {
         name: 'firstName1'
        },
        {
         name: 'lastName1'
        }
    ]
  },
  {
    type: 'form',
    objectName: 'form2',
    fields:[
        {
         name: 'firstName1'
        },
        {
         name: 'lastName1'
        }
    ]
  }
]

我如何动态创建多个表单组?

0 个答案:

没有答案