Call JQuery function on $event from ng-click

Question

I have a div with an ng-click where I call following function:

$scope.toggleLog = function($event){
     $event.currentTarget.slideToggle()
 }

When I look in the debugger the $event.currentTarget is pointing towards my div, so seems fine. However, the slideToggle() function is undefined. I have included JQuery. The $event is a jquery object and so is the currentTarget. So why am I not able to call any JQuery related functions on it?

Robin · Accepted Answer · 2015-04-30 09:34:15Z

4

instead of this line

$event.currentTarget.slideToggle()

Try using this way,

angular.element($event.currentTarget).slideToggle();

angular.element is an alias of jQuery in angularjs

If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angular's built-in subset of jQuery, called "jQuery lite" or "jqLite."

edited Apr 30, 2015 at 9:34

answered Apr 30, 2015 at 9:28

Robin

8649 silver badges20 bronze badges

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

3 Comments

Anonymoose Over a year ago

Thanks, that works! Is there any advantage on using angular.element over wrapping the element between $() ?

Robin Over a year ago

I updated my answer, also please visit the link i included for better understanding. :D

Robin Over a year ago

When i read through the documentation there, i didn't see slideToggle() function available with jqLite, so in your case you must have jQuery available :-(

leopik · Accepted Answer · 2015-04-30 09:28:33Z

1

$event.currentTarget is pointing to DOM element, not a jQuery object. Wrap it up in jQuery and then invoke slideToggle.

$($event.currentTarget).slideToggle();

answered Apr 30, 2015 at 9:28

leopik

2,3512 gold badges19 silver badges32 bronze badges

Collectives™ on Stack Overflow

Call JQuery function on $event from ng-click

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related