嵌套数组形式 (Angular2)

Question

我正在创建结构如下的嵌套表单数组

当我想将数组添加到 objects

时，表单出现错误

这里是plnkr

如果你理解有困难，请告诉我。

Answer 1

查看您的代码，错误指出调查对象未绑定，而 looping.You 需要在 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>

Answer 2

你的 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形式数组在更高层次迭代中的迭代。

所以现在当点击 Survey 选项卡中的 Line End 按钮工作正常时，看到分叉的 Plunker

嵌套数组形式 (Angular2)

Nested Array Form (Angular2)

angular

material-design

angular2-forms

angular2-formbuilder