Animating nested router-outlet

animation

#1

Hi,

I have been trying to get transition animations working for a nested router outlet, but so far have been unsuccessful. Can any help?

This is what I have:

<!-- some UI here -->
...
<router-outlet name="some-name"></router-outlet>
...
<!-- some more ui -->

Then I have set up correct router to display some different content in the “some-name” router outlet. The content in the outlet changes correctly, but I would like to add transitions for it when the content in it changes.

Does anyone have any suggestions?

Thanks
Grey


#2

I got it working by importing NativeScriptAnimationsModule from “nativescript-angular/animations”, and using it as a dependency. Then I used angular animations to make the view transition.