Generate Dynamic ng-model for form Control in angularJS

Question

I have an Array in my controller. On the basis of that Array I'm generating Input fields On my page.

My AngularJs code

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

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

And on page I'm generating my input fields

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

Now it generating ng-model for each textbox are control[index]

but I want to generate ng-model for each textbox like

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

Plunker

You need to use $index to refer to index. But, you should know that your "model" is your array of names. Are you trying to create a copy of the model? — New Dev
– New Dev, Commented Dec 22, 2014 at 6:25

Kalhan · Accepted Answer · 2014-12-22 06:24:32Z

3

you have to use

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

and there is no scope variable called control so you need to define the scope variable also, as below

$scope.control = {};

here is the updated Plunker

answered Dec 22, 2014 at 6:24

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Generate Dynamic ng-model for form Control in angularJS

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related