Increment input ID Angularjs

Question

I'm looking to increment my input ID while using ng-repeat and I tried this but it doesn't work :

<div ng-repeat="d in index">

<input type="checkbox" name="name" value="" id="{{d}}" ng-model="{{d}}"/>

</div>

Do you have any ideas about how to do it?

Ruben Karapetyan · Accepted Answer · 2016-01-13 12:01:12Z

2

you can track by $index your ng-repeat

div ng-repeat="d in index track by $index"
  input type="checkbox" name="name" value="" id="{{$index}}" ng-model="{{d}}"/
/div

answered Jan 13, 2016 at 12:01

Ruben Karapetyan

4694 silver badges10 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:06:45Z

1

Try This

<div ng-repeat="d in index track by $index">

<input type="checkbox" name="name" value="" id="{{$index}}" ng-model="d"/>

</div>

dynamic id ng-repeat

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jan 13, 2016 at 12:02

Vipin Jain

3,77618 silver badges36 bronze badges

2 Comments

Abdelhadi Lahlou Over a year ago

thanks for your help , but it doesn't work , to explain what I want to do is to make this dynamic to make many input's from a JSON file : <div class="class1"> <input type="checkbox" name="" value="" id="check2" ng-model="check2" ng-change="getChecked2()"> <label for="check2" class="check"></label> <label for="check2">{{VarServices[0].DesignationFR}} {{VarServices[0].Prix}} $ </label> </div>

Vipin Jain Over a year ago

if you have differnet model for every checkbox so you can get value by different models

Collectives™ on Stack Overflow

Increment input ID Angularjs

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related