AngularJS angular.element current DOM

Question

I was doing some tests with angular.element and wanted to figure out if there is a way to get the current DOM from an hg-click?

Example

<div ng-click="angular.element(curElement).parent()..."></div>

How do I get the current element? I.e the Div element it belongs to? I don't need to use a directive or a controller, I just want to figure out if there is a way through the above method.

I tried passing in 'this' and '$element' but nothing.

i don't understand the use case...you don't need a controller or directive? best-practice-wise, you shouldn't really be doing that. — gonzofish
– gonzofish, Commented Sep 8, 2014 at 14:40
I have controllers and directives but again, I don't want to get too much into the specifics, just needed a way to do something similar to above. I am aware of the best practices. — iQ.
– iQ., Commented Sep 8, 2014 at 15:00
for the console.log, I get a $$childScope object: $$childScopeClass {$$childTail: null, $$childHead: null, $$nextSibling: $$childScopeClass, $$watchers: ...} — iQ.
– iQ., Commented Sep 8, 2014 at 18:13

Dalorzo · Accepted Answer · 2014-09-08 14:39:39Z

2

You need to use the $event service as parameter

 <button ng-click="clickMe($event)">Click Me</button>

Online Demo

There are several properties that can help:

srcElement, toElement or target

edited Sep 8, 2014 at 14:39

answered Sep 8, 2014 at 14:31

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

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

2 Comments

iQ. Over a year ago

Great, this work and I can get the element using target. Do you know if it is possible to execute the 'angular.element' expression within an hg-click directly without being wrapped in a controller function? Just a curiosity.

iQ. Over a year ago

Out of curiosity what are they?

John F. · Accepted Answer · 2014-09-08 14:31:20Z

1

If you define a function so that

<div ng-click="doStuff($event)"></div>

Somewhere in your controller, you can then get a reference to the raw DOM element by using

$scope.doStuff = function ($event){
    var el = $event.target;
}

answered Sep 8, 2014 at 14:31

John F.

4,8505 gold badges31 silver badges40 bronze badges

Collectives™ on Stack Overflow

AngularJS angular.element current DOM

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related