带集合的AngularJS ng模型

时间:2014-07-02 21:59:42

标签: javascript jquery asp.net-mvc angularjs kendo-ui

新手问题。

我的模型定义如下:

 $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 个答案:

答案 0 :(得分:1)

你的怀疑是正确的。

如果要绑定到$scope.model.ApplicantNames的元素并且能够在视图中编辑它们,“命名结构”是:

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

另请参阅此 short demo