我正在尝试创建一个表单,在其中用来自数组的值填充输入字段,但是将表单保​​存到另一个数组中。

例如,将从该数组填充字段

{
  "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

08-19 16:33