AngularJS - get current element with jQuery

Question

I have 4 templates, each of them has mouse actions:

ng-mouseover="enableDragging()" ng-mouseleave="disableDragging()"

Inside those functions, I change some scope variable and I want to be able to add a class using jQuery. Can I do it without passing a parameter and without updating some scope variable (or some other workaround).

What I mean is some plain way of using a class or id located in all 4 templates, without naming which template I'm on.

Incase perhaps I'm going about it the wrong way the story is: I want to change some scope variable AND the css of a div when entering that div, and rollback that change when I leave the div.

Thanks

Vinay K · Accepted Answer · 2015-03-31 15:22:59Z

2

Pass $event as a parameter to ng-mouseover callback function to get the element reference.

ng-mouseover="enableDragging($event)"

in controller

function enableDragging(event){
  var element = event.target;
  console.log(element)
}

If you want to update the class of Dom node based on a condition, you can try ng-class directive.

edited Mar 31, 2015 at 15:22

Vinay K

5,5721 gold badge20 silver badges27 bronze badges

answered Mar 31, 2015 at 15:13

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - get current element with jQuery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related