get dynamic array input in angularjs

Question

How to get dynamic array input value in angularjs .i want to collect all values of input in angular js function and retun from function so that the return value can be displayed any where in the page .Is it possible because it is possible in php that if i submit form with array of input like $cat in this case ,and can be displayed anywhere in the page .

<input type="text" name="cat[]" ng-model="cat">
<input type="text" name="cat[]" ng-model="cat">
<input type="text" name="cat[]" ng-model="cat">
<input type="text" name="cat[]" ng-model="cat" >

André Kreienbring · Accepted Answer · 2015-10-15 13:19:45Z

3

In your controller $scope.cat = ["a","b","c","d"] and in your view:

<input type="text" name="cat[]" ng-model="cat[0]">
<input type="text" name="cat[]" ng-model="cat[1]">
<input type="text" name="cat[]" ng-model="cat[2]">
<input type="text" name="cat[]" ng-model="cat[3]">

or dynamic with ng-repeat

<div ng-repeat="c in cat">
  <input type="text" value="{{c}}" ng-model="cat[$index]">
</div>

answered Oct 15, 2015 at 13:19

André Kreienbring

2,50915 silver badges16 bronze badges

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

2 Comments

Raman Over a year ago

@ Kreienbring how to collect values u mentioned in or code

André Kreienbring Over a year ago

because of the "2-way-data-binding" the array entries will be updated as soon as you type something in the input fields.

Collectives™ on Stack Overflow

get dynamic array input in angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related