It does not seem to be supported in ionic-react: feat: Make react router work with nested routes · Issue #22992 · ionic-team/ionic-framework · GitHub
But does ionic-angular support it?
Example use case:
<ion-app> <ion-router-outlet></ion-router-outlet> </ion-app>
And lets say inside the above
ion-router-outlet we have:
<ion-menu> ... </ion-menu> <div class='ion-page'> <ion-content [fullscreen]="true"> <ion-router-outlet> </ion-router-outlet> </ion-content> </div>
Links inside the
<ion-menu> would work well (i.e, shows the transition animations, get put into the ionic stack, etc), but any link inside the nested
ion-router-outlet would not work (not showing transitions, not put into the ionic stack), and also messes up display.
Changing the nested
<router-outlet> fixes the display issue, but understandably it does not show the transition nor put the navigation into the navigation stack (in particular,
<ion-back-button> would not work anymore).