为输入创建动态ng模型

时间:2015-09-26 02:07:47

标签: angularjs angular-ngmodel

如何使输入的ng-model动态化?

静态ng-model:

<input type="text" ng-model="myModel.firstName" />

动态ng-model:

$scope.myInputs = [{ key: "firstName"}, { key: "lastName" }];

<div ng-repeat="input in myInputs">
  <input type="text" ng-model="myModel[input.key]" />
</div>

myModel[input.key]似乎无法正确计算。

1 个答案:

答案 0 :(得分:0)

myInputs[input.key]中,input.key不是索引。所以你无法访问预期的价值。

你可以

<div ng-repeat="input in myInputs">
  <input type="text" ng-model="input.key" />
</div>

或者

<div ng-repeat="input in myInputs track by $index">
  <input type="text" ng-model="myInputs[$index].key" />
</div>