Does ionic-angular supports nested `ion-router-outlet`?

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 <ion-router-outlet> into <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).

1 post - 1 participant

Read full topic