So, I’ve asked a similar question here, about changing the default page animation. The problem is that defining a global transition makes it very hard to dynamically change the transition based on the current/future page route.
In the docs, however, it seems like
ion-router-outlet has an animation property, to which I can dynamically bind an animation function that’s different for different routes, in this fashion:
<ion-page> <ion-router-outlet :animation="myAnimation" /> </ion-page>
The problem with this is that the animation isn’t showing at all, and I can’t figure out why. My animation function(s) work, because if I set any one as the global animation, I can see the page transition being displayed.
There’s probably something simple that I’m missing here, but I can’t see what it is. If anyone could help, that’d be much appreciated. Thanks.