Angular响应式表单动态生成表单控件

开发中可能会遇到这种需要：根据后台传过来的数据填入表单中，供用户查看与编辑，如果传过来的数据长度、格式固定，那么很好做，但如果传过来的数据长度是变化的，那么使用普通方式进行创建控件就显得行不通了。要想实现这种需求，只能借助FormArray，根据数据量进行动态创建了。

假如后台传过来的数据为：

  arrData=[
    {
   name:"张三",sex:"男"},
    {
   name:"李四",sex:"男"},
    {
   name:"王五",sex:"男"},
    {
   name:"赵六",sex:"男"}
  ]

则可以根据需要在适当的时机创建表单控件

 constructor(
    private fb: FormBuilder
 ) {
    }