How to send current div's id into a function when clicked

Question

I'm trying to send a div's id into a function as a parameter when clicked.

But it is not working.

Here's what I have written, please take a look :

<div id="currentId" ng-click="functionCalled(id)">
</div>

Answer 1

Edit your code with,
HTML:

<button id="bla" class="button button-light" data-ng-click="functionCalled($event)">
    Click Me
</button>

JS:

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

Answer 2

尝试对此对象使用以下方法<div id="currentId" ng-click="functionCalled(this.id)"> </div>

Answer 3

The click event function has the event as an argument.

<div id="currentId" ng-click="functionCalled(event)">

Now you can access the properties from the target property in the in the event argument.

function functionCalled(event){
   let id = event.target.id; 
}

Answer 4

<div id="currentId" ng-click="functionCalled($event)">
</div>

In your controller

functionCalled($event){
//use $event.target.id
}

Answer 5

you can pass this as $event

 <div id="currentId" ng-click="functionCalled($event)"></div>

and use this as

 e.target.attributes.id.value