Jquery animation in a AngularJS controller or directive?

Name: Jquery animation in a AngularJS controller or directive? - Stack Overflow
Rating: 4.5 (740 reviews)

Question

I have an app in AngularJS and in one of my view I want to implement some JQuery animation..nothing too fancy..just hide/slide of a divs ..those divs are created from ng-reapet loop and I need access to DOM elements in order to write my JQuery . Where shall I put my code controller or directive ? An exemple of my code:

$(document).ready(function(){ $(".motivation").hide(); $(".show_hide").show(); }); $(document).on("click", ".more", function(){ $(this).parent().next().slideToggle(); return false; });

If you are using angular then you shouldn't be using jQuery to bind click events on your DOM, you should do it the angular way and use ng-click in your HTML. — Yann, CommentedJul 19, 2013 at 9:01
And for the animation you should check this out: yearofmoo.com/2013/04/animation-in-angularjs.html — Yann, CommentedJul 19, 2013 at 9:08
Yep I use the exemple from your site and it worked straight way with no effort - thanks a lot and beautiful website u got ! :) — Alex Garulli, CommentedJul 19, 2013 at 14:46
The website sure is nice but it is not mine, I just found it on google :) — Yann, CommentedJul 19, 2013 at 14:54

EpokK · Accepted Answer · 2013-08-13 09:42:02Z

With the beta version of AngularJS, you can use ng-animate.

documentation

nganimate.org

Collectives™ on Stack Overflow

Jquery animation in a AngularJS controller or directive?

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related