我正在尝试创建一个表单,在其中用来自数组的值填充输入字段,但是将表单保存到另一个数组中。
例如,将从该数组填充字段
{
"organisation": [
{
"OrgID": 1234,
"OrgName": "Organisation one"
},
{
"OrgID": 4567,
"OrgName": "Organisation two"
},
{
"OrgID": 9876,
"OrgName": "Organisation three"
}
]
}
我正在使用的输入字段是这个
<input type="text" ng-model="formData.organisations[organisation.OrgID].name" id="{{organisation.OrgName}}" ng-value="organisation.OrgName"/>
因此,这应该显示“组织”数组中的组织名称,用户应该能够编辑该字段,并将值推入名为“ formData”的新数组中。在Angular中可能吗?
最佳答案
您将可以在ngInit的帮助下实现此目标,如下所示:
<input type="text"
ng-init="formData.organisations[organisation.OrgID].name = organisation.OrgName"
ng-model="formData.organisations[organisation.OrgID].name"
id="{{organisation.OrgName}}" />
演示:http://plnkr.co/edit/zOXRE5K4Be5VY4samIVt?p=preview