import { NgModule } from '@angular/core' ; import { RouterModule , Routes } from '@angular/router' ; import { TabsPage } from './tabs.page' ; const routes = [ { path : 'tabs' , component : TabsPage , children : [ { path : 'tab1' , children : [ { path : '' , loadChildren : ( ) => import ( '../tab1/tab1.module' ) . then ( m => m . Tab1PageModule ) } , { path : 'playlist' , loadChildren : ( ) => import ( '../playlist/playlist.module' ) . then ( m => m . PlaylistPageModule ) } , ] } , { path : 'tab2' , loadChildren : ( ) => import ( '../tab2/tab2.module' ) . then ( m => m . Tab2PageModule ) } , { path : 'tab3' , loadChildren : ( ) => import ( '../tab3/tab3.module' ) . then ( m => m . Tab3PageModule ) } , { path : 'tab4' , loadChildren : ( ) => import ( '../tab4/tab4.module' ) . then ( m => m . Tab4PageModule ) } , { path : '' , redirectTo : '/tabs/tab1' , pathMatch : 'full' } ] } , { path : '' , redirectTo : '/tabs/tab1' , pathMatch : 'full' } ] ; @ NgModule ( { imports : [ RouterModule . forChild ( routes ) ] , exports : [ RouterModule ] } ) export class TabsPageRoutingModule { }