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.
1 post - 1 participant