如何将动态创建的表单字段绑定到Angular 2中的对象？

Question

使用Angular 2我试图通过为每个属性动态创建输入字段来为任意对象构建通用表单。

给定一个对象if(st.peek().equals(stmax.peek()))我循环遍历每个属性，使用管道获取属性数组。

为每个属性entity创建一个字段，然后我想将其绑定回key。

以下是代码：

entity

所以问题是字段使用<tr *ngFor="let key of entity | keys"> <td><label for="{{key.key}}">{{key.key}}</label></td> <td><input id="{{key.key}}" type="text" [(ngModel)]="key.value"></td> </tr> 绑定到[(ngModel)]="key.value"而不是keys。

有没有办法将字段绑定到entity？

或者是否有另一种更新实体值的方法？

Answer 1

使用tmp_id中的index绑定实体值。

ngFor