Hi, I would like to animate a page element on page load using AngularJS 1.2 with animate.css .
I know ng-view can be used for triggering animation but I don't wan't to animate the whole page. I have a Plunker demonstration here: http://plnkr.co/edit/UfGyZBqBXqiMVapLbqKF?p=preview I have 2 pages loaded into ng-view using $route: page1 is starter page and page2 called from here which will be animated. I've added an ng-if to trigger animation on DIV element. I've created a CSS rule for 'enter' event (.animFadeInRight.ng-enter in style.css) so when expression in ng-if changed to true animation will be performed. *Note: animation configured properly, you can test it with a button on page2.* I have 2 applications and this solution works well in my sandbox application but doesn't work in my productiva application. I did not understand why, but later I've noticed that applications had different method for page routing. Productive application has a normal page routing but sandbox has a dynamic routing using a controller (CMSController in app.js) Animation is not triggered in my productive application which uses normal page routing. Why? And what can be the solution? I would like to use normal page routing but I want to animate elements on page load. Tnx -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
