为angularJS中的表单控件生成动态ng模型

时间:2014-12-22 06:18:29

标签: javascript angularjs

我的控制器中有一个数组。在该数组的基础上,我在我的页面上生成输入字段。

我的AngularJs代码

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.names = ['morpheus', 'neo', 'trinity'];
});

在页面上我正在生成我的输入字段

<form name="myForm1" ng-controller="MainCtrl">
     <div ng-repeat="gg in names">
       <input type="text" ng-model="control[index]"/>
     </div>
     <input type="submit" value="submit"/>
</form>

现在为每个文本框生成ng-modelcontrol[index]

但我想为每个文本框生成ng-model,如

control[0]
control[1]
control[2]

Plunker

1 个答案:

答案 0 :(得分:3)

你必须使用

<input type="text" ng-model="control[$index]"/>

并且没有名为control的范围变量,因此您还需要定义范围变量,如下所示

$scope.control = {};

这是更新后的Plunker