使用FormArray Angular将数据加载到formGroup中

时间:2018-08-05 09:42:47

标签: angular form-control formarray formgroups

我有一个具有FromGroup和FormArray的动态表单。 动态表单效果很好,我可以添加新元素等。 另一方面,我在默认情况下无法在表单中加载对象列表。 例如,如果我有一个包含两个对象的列表,那么我想使用两种形式包含其两个对象的数据...我在这里有一个关于stackblitz的示例: enter image description here https://stackblitz.com/edit/angular-4crhvw

PS:在我的示例stakblitz中,我制作了显示元素的示例,但我想显示所有元素

将我要发布的内容作为附件

1 个答案:

答案 0 :(得分:3)

您将获得1个元素,因为此处仅向formArray添加了1个元素

ArrayList

您需要从该数组中创建一个数组

 this.initFormArray(this.listAddres[0]);

修改了您的代码,检查以下链接 https://angular-h2v8hx.stackblitz.io

这里代码被删除

  listAddres: Adresse[] = [ 
      {label:'labs1', rue :'2', nomRue:'allerte'}, 
      {label:'Olabel', rue :'3', nomRue:'allerte'}
  ];