嵌套数组表单（Angular2）-Java 学习之路

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

当我想将数组添加到 objects 时，表单出错了

enter image description here

这是 plnkr

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

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>

回复于 2024-05-02T00:31:46+08:00

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 form数组的迭代 .

所以现在单击 Survey 选项卡中的 Line End 按钮工作正常，请参阅分叉Plunker
回复于 2024-05-02T00:31:46+08:00

嵌套数组表单（Angular2）

2 回答

相关问题