带有集合的 AngularJS ng-model答案

【问题标题】：AngularJS ng-model with collections带有集合的 AngularJS ng-model
【发布时间】：2014-07-02 21:59:41
【问题描述】：

新手问题。

我有一个这样定义的模型：

 $scope.model = some json like below:

"ApplicantNames":[
  "Primary applicant : Ian Vink",
  "Joint applicant : Sally Ride"
]

我有 2 个输入框，每个申请人一个，我希望通过 ng-model 绑定，但我不知道命名结构

 <input ng-model="model.ApplicantNames[0]????">
 <input ng-model="model.ApplicantNames[1]????">

请注意，这些实际上是绑定在 MVC 中的复杂 Kendo 控件，因此我没有使用 ng-looping 来创建它们。

【问题讨论】：

【解决方案1】：

你的怀疑是正确的。

如果你想绑定$scope.model.ApplicantNames的元素并能够在视图中编辑它们，“命名结构”是：

<input ng-model="model.ApplicantNames[0]" />
<input ng-model="model.ApplicantNames[1]" />

另请参阅此short demo。

【讨论】：