javascript - 为 angularJS 中的表单控件生成动态 ng-model

Question

我的 Controller 中有一个数组。在该数组的基础上，我在我的页面上生成了输入字段。

我的 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-model 是 control[index]

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

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

Plunker

Answer 1

你必须使用

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

并且没有名为 control 的作用域变量，因此您还需要定义作用域变量，如下所示

$scope.control = {};

这是更新的 Plunker