Getting undefined value for $index in angularjs

Question

I have a button code block in jsp below which will pass $index of a selected checkbox to a javascript function in controller js which is defined on $scope. But when i try to print the $index on console i am getting undefined value for $index.

Code in Jsp

<button type="button" class="btn btn-warning"
                        ng-disabled='validCheckbox'
                        **ng-click="addTemplate($index)">**
                        <i class="glyphicon glyphicon-plus"></i>&nbsp;Add Middle
     </button>

Code in Js.

 $scope.addTemplate = function(index){
         console.log("index"+index);

$index is a special property of the ngRepeat scope. If you're not inside an ngRepeat, there's no $index. — user3781737
– user3781737, Commented Jun 21, 2021 at 15:33

Alireza Ahmadi · Accepted Answer · 2021-06-21 16:36:54Z

0

You can use $index only in ng-repeat in angular.js. Here is an example of how to use $index. Let say you have StringArray=['a','b','c'];

<div ng-repeat="c in StringArray">
      <label>{{$index}}</label>
</div>

The result is :0, 1, 2

answered Jun 21, 2021 at 16:36

Alireza Ahmadi

10.2k8 gold badges28 silver badges65 bronze badges

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

1 Comment

Thomson Mixab Over a year ago

Does this answer your question, check the link below? stackoverflow.com/questions/24873335/…

Collectives™ on Stack Overflow

Getting undefined value for $index in angularjs

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related