嵌套数组表单（Angular2）

Question

我正在创建像这样结构化的嵌套表单数组

当我想将数组添加到objects

时，表单出错了

这是 plnkr

如果您难以理解，请告诉我。

Answer 1

您在plunker中遇到的唯一错误是surveys数组的迭代，而不是：

*ngFor="let survey of myForm.controls.objects.controls; let j=index"

它应该是：

*ngFor="let survey of object.controls.surveys.controls; let j=index"

其中object是指更高级迭代中objects形式数组的迭代。

现在点击Line End标签中的Survey按钮工作正常，请参阅分叉Plunker

Answer 2

请参阅您的代码，错误表明调查对象在循环时没有绑定。您需要在HTML中正确循环。检查以下代码

     <div *ngFor="let item of formvalue.objects; let i=index">
    <ul>
       <li>{{item.date}}</li>
    </ul>
    <div *ngFor="let survey of item.surveys ; let j=index">
    <ul>
      <li>{{survey.br_0}} </li>
    </ul>
  </div>
  </div>