为输入创建动态ng模型

Question

如何使输入的ng-model动态？

静态NG-型号：

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

动态NG-型号：

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

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

的myModel[input.key]似乎并没有被正确地计算。

Answer 1

在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>