Do not show second <ion-nav> in the URL bar

Ionic Framework ionic-v3
1

Having one single <ion-nav> in the app results in a URL like:

localhost:8100/#/login

But adding another <ion-nav> results in the URL blowing up like this:

localhost:8100/#/nav/n4/menu/nav/n5/login

… where nav/n4 is the secondary <ion-nav> …

Any way to get around this so the second Nav doesn’t show in the URL?

Cheers

2

I don’t think that is how <ion-nav> was intended to be used. If you need change elements, then your might consider some other state management solution or wrapping it within a custom component.