Angularjs ng-repeat index not working

Question

I want to use ng-repeat more or less as follows:

<div ng-repeat="One_Entry in Entries_List track by One_Entry.Entry_ID"
     onClick="DoSomething(One_Entry.Entry_ID)">

      <!--- 
      present various fields within "One_Entry"
      -->

</div>

Entries_List is a JSON array of objects, being Entry_ID one of the elements within the object.

DoSomething is a function within the related controller that is supposed to perform a specific activity on the structure whose ID is the passed Entry_ID.

I tried using $index as well as $parent.$index but I'm getting an error stating that these variable do not exist.

Could anyone tell me how I can achieve the above functionality?

Thanks.

NiklasMH · Accepted Answer · 2015-12-20 13:22:27Z

1

The object One_Entry is scoped. Therefore onclick won't work. Use ng-click instead which is the Angular version for onclick:

<div ng-repeat="One_Entry in Entries_List track by One_Entry.Entry_ID"
     ng-click="DoSomething(One_Entry.Entry_ID)">

  <!--- 
  present various fields within "One_Entry"
  -->

</div>

answered Dec 20, 2015 at 13:22

NiklasMH

7877 silver badges17 bronze badges

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

4 Comments

FDavidov Over a year ago

I wrote the following: ng-click="alert('ggg')" and nothing happened (no alert, no error message. Nothing.

NiklasMH Over a year ago

Alert is not a function unless you create it in the controller by $scope.alert = function(txt) {alert(txt);}. Then you can call it by ng-click="alert('ggg')".

NiklasMH Over a year ago

Btw, is the function DoSomething created in the controller and added to the $scope? Like $scope.DoSomething = function () { //Do something }

FDavidov Over a year ago

GOOD CATCH!!!!! The @scope. was missing in the function declaration within the controller. Now it works perfectly. Thanks @NiklasMH!!!

Sajeetharan · Accepted Answer · 2015-12-20 13:18:59Z

0

It's not OnClick it's ng-click

Change

From :

<div ng-repeat="One_Entry in Entries_List track by One_Entry.Entry_ID"
 onClick="DoSomething(One_Entry.Entry_ID)">

To:

 <div ng-repeat="One_Entry in Entries_List track by One_Entry.Entry_ID"
     ng-click="DoSomething(One_Entry.Entry_ID)">

answered Dec 20, 2015 at 13:18

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

3 Comments

FDavidov Over a year ago

Well, the problem does not seam to be there because the function is fired (i.e. if I deploy within the function a simple alert, I get the message). On the other hand, if I use ng-click, the function is not fired at all.

Sajeetharan Over a year ago

can you creatae a plunker or jsfiddle

FDavidov Over a year ago

Thanks @Sajeetharan for your response. Please see my last comment to the previous solution. My error was that the function to be invoked was missing the $scope. prefix within the controller.

Collectives™ on Stack Overflow

Angularjs ng-repeat index not working

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related