Angular 2 Animation - no visible transition effect '* => void' when changing routes / components

Using Angular 2 Animate (RC2), using official documents and the code used by Matias in the month of ng-conf to watch videos on the YT channel.

Everything works for me, except for the most important part:

It seems I can’t get away from the transition / transition animation when changing the routerlinks / components. Using '* => void' does nothing. The router destroys the components, ignoring the animated transition, and introduces a new router / component.

I get input animation for work, but not outgoing.

I assume that the router does not automatically detect that there is residual animation for the component (something similar to ng-leave ng-leave-active), and thus I am missing a step that is not preferred.

All plunker examples, official and ng-conf Matias, show all without any router interactions: all I / O states and transition examples are in the same component.

** Edit::: [Plunker Demo Here] http://plnkr.co/edit/IJoaB7ifVPJqX0NrUIpV 

You will notice that even if the transitions '* => void' are specified, changing the router link completely ignores it

There are still no posts in ng2 animate, so this is the only way.

Thank you for reading this time. Appreciate the help.

+7
angular ng-animate
source share

No one has answered this question yet.

See similar questions:

6
Angular 2 Slide Animation of a Routed Component
6
Angular2 Animation when loading and page transition
2
Animation of transition from one component to another in Ionic 2

or similar:

360
How to determine when @Input () value changes in Angular?
284
How to determine the route change in the Corner?
25
Page transition animations using Angular 2.0 router and promises component interface
4
How to call ng-move using angular -animate when reordering an array?
3
Angular 2 Material - Router animations break sidenav content and scroll
3
Angular 2 Router is waiting for the animation to complete on the component before destroying it when the route changes
2
Problems migrating to ui-router components
one
Ui-router: div state change animation reappears when the animation ends
one
Accelerated animation animation change 4

All Articles