Can anyone explain why this does/doesn't work ? (Angular child routing)

Hi there,

I was playing with routes and child routes and definetively I think I’m missing the concept.

I have some app(root) routes, and one page with child routes (DashboardPage). The thing is, when I activate one of the child route, this only works the first time. It’s like when I go to any child component I lose the root router.

If I specify the full router path in routerLink property in the DashboardPage.html I can get this working buut, I think this should not be necessary as at that point I’m relative to dashboard state!

I’m getting this behaviour with ionic serve, I think its not platform related.

You can check the sample here

Thanks for your comments !!!

Additional ionic info (just in case):

Ionic:

Ionic CLI : 6.0.1 (/home/sjn/.npm-global/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Capacitor:

Capacitor CLI : 1.5.0
@capacitor/core : 1.5.0

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v12.15.0 (/usr/bin/node)
npm : 6.13.7
OS : Linux 4.15