How to retrieve the clicked ElementId in angularjs?

Question

I have the following line:

<a href="#" id="12345" data-ng-click="ShowId()">

and in my controller I have:

$scope.ShowId = function(){
     alert('clicked element id in here: 12345');
};

How can I access in my controller ShowId function the id of the clicked element, in my case 12345?

Notice the bind is not within the ng-repeat so I can access the item id or something like that.

Possible Duplicate: http://stackoverflow.com/questions/24673418/angularjs-get-element-attributes-values — dannypaz, Aug 12 '15 at 04:21
Why don't you simply pass data as a parameter? Data-ng-click="ShowId(1234)" — Aron Lorincz, Aug 12 '15 at 04:37

score 35 · Accepted Answer · answered Aug 12 '15 at 04:36

35

I solved this:

<a href="#" id="12345" data-ng-click="ShowId($event)">   

$scope.ShowId = function(event)
{
   alert(event.target.id);
};

answered Aug 12 '15 at 04:36

user2818430

5,853
21
82
148

1

it is not working for me, I have added id={{$index+1}} and same function I have writen in JS but `event.target.id` is showing blank in console. is there any other way ? – ojus kulkarni Nov 23 '16 at 19:09

score 5 · Answer 2 · edited Feb 06 '16 at 12:41

5

<button data-id="101" ng-click="showDetail($event)">click Me</button>

$scope.showDetail = function(event)
{
  console.log($(event.target).attr("data-id"));
}

edited Feb 06 '16 at 12:41

Tunaki

132,869
46
340
423

answered Feb 06 '16 at 12:37

nano dev

335
4
6

5

While your answer might be correct, without any explanation it's not especially helpful. – David Hoelzer Feb 06 '16 at 12:56

How to retrieve the clicked ElementId in angularjs?

2 Answers2

Linked