Navigation Changes

The problem is in your app.router.module.

For some odd reason that i couldn’t figure out either (got this solution from analyzing the tabs template), you have to load the tabsmenu on an empty path.

so change your app.routing.module.ts route config to this:

const routes: Routes = [
{ path: 'login', loadChildren: './login/login.module#LoginPageModule' },
{ path: 'signup', loadChildren: './signup/signup.module#SignupPageModule' }
{ path: '', redirectTo: 'login', pathmatch:'full'},
{ path: '', loadChildren: './tabs/tabs.module#TabsPageModule' }, // <--- Important
]

the order is important too, you have to place it at the very bottom because it will match any path and the router selects the page with a first found algorithm

then you can actually navigate to the tabs menu with /tabs

6 Likes