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 : '../tab1/tab1.module#Tab1PageModule' } ] } , { path : 'tab2' , children : [ { path : '' , loadChildren : '../tab2/tab2.module#Tab2PageModule' } ] } , { path : 'tab3' , children : [ { path : '' , loadChildren : '../tab3/tab3.module#Tab3PageModule' } ] } , { path : '' , redirectTo : '/tabs/tab1' , pathMatch : 'full' } ] } , { path : '' , redirectTo : '/tabs/tab1' , pathMatch : 'full' } ] ; @ NgModule ( { imports : [ RouterModule . forChild ( routes ) ] , exports : [ RouterModule ] } ) export class TabsPageRoutingModule { }