Angular with Angular-animation is great. We started our project including
ui-router. We had some animation
in our app using
Currently, our team decided to upgrade
angular version from
1.2 to 1.4.1.
The up-gradation was smooth every thing was working as expected but animations on the page.
After hours of debugging we found that
angualr-animate was not recognizing any animation.
We found that magic classes like
ng-hide-active, ng-animate, ... were missing. That is angular animation
is doing nothing. see the pen.
pen. The solution was to make move
Ui-view from body tag.
<body Ui-view> <div ></div> </body>
to div tag.
<body> <div ui-view></div> </body>