i use ionic 4 tabs base and added sidemenu to app.component.html and it’s work
but i want side menu as a page not in app.component.html
i use angular base router.
app has 3 tabs -> Home - Search - Profile
Home has a child -> Songs
Songs has details page -> Details
How i Can Add sidemenu oage without broken ?
app-routing.module.ts
const routes: Routes = [
{ path: '',
loadChildren: './pages/tabs/tabs.module#TabsPageModule',
canActivate: [IntroGuard]
},
{ path: 'intro', loadChildren: './pages/intro/intro.module#IntroPageModule' }
];
tabs.module.ts
const routes: Routes = [
{
path: 'main',
component: TabsPage,
children: [
{
path: '',
loadChildren: '../menu/menu.module#MenuPageModule'
},
{
path: 'home',
resolve: {
myVariant: ResolverService
},
children: [
{
path: '',
loadChildren: '../home/home.module#HomePageModule'
},
{
path: 'songs',
resolve: {
myVariant: ResolverService
},
loadChildren: '../songs/songs.module#SongsPageModule'
},
{
path: 'songs/:id',
resolve: {
myVariant: ResolverService
},
loadChildren:'../details/details.module#DetailsPageModule'
},
]
},
{
path: 'search',
loadChildren: '../search/search.module#SearchPageModule'
},
{
path: 'profile',
children: [
{
path: '',
loadChildren: '../profile/profile.module#ProfilePageModule'
},
{
path: 'songlist',
loadChildren: '../songlist/songlist.module#SonglistPageModule'
}]}
]