Angular 1.2.5 nested animations

Question

Using ng-view, I would like a simple fadeIn / fadeOut for page transitions. However, in different "views" I have child elements that I would like to animate at the same time as the fadeIn/fadeOut are happening on the parent element. The problem is, that angular cancel's any nested animations if the parent is animating. Why is this? Is there another way to achieve what I want?

Answer 1

You should be able to use the $animate service instead of ngAnimate. If you do this, you can chain the animations with a promise.

https://docs.angularjs.org/api/ngAnimate/service/ $animate