Hi,
I'm trying to do a staggered animation for elements within a ui-view that
is leaving. For this and as a first approach I'm adding a class to the
elements before calling transitionTo. Elements get animated, and the
stagger runs ok. But when ng-leave gets in action some strange behaviour
occurs, some of them dissapears (actually half of them). Here is a video
showing the problem:
https://www.youtube.com/watch?v=UWnyFwqJ5i8&feature=youtu.be . I realized
that in ng-animate code there is this call:
leave : function(element, doneCallback) {
element = angular.element(element);
* cancelChildAnimations(element);*
blockElementAnimations(element);
$rootScope.$$postDigest(function() {
performAnimation('leave', 'ng-leave',
stripCommentsFromElement(element), null, null, function() {
$delegate.leave(element);
}, doneCallback);
});
},
If I remove cancelChildAnimations the elements within the view dissapearing
work ok, but of course this is not a clean solution. So my question is:
a) is there a better way to do staggered animations in a leaving view?
b) if not, is there a way to avoid this "cancelChildAnimations" call?
c) and anyway, is there a better way to do this?
--
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.
