import { NgModule } from '@angular/core' import { RouterModule, Routes } from '@angular/router' import { PagesComponent } from './pages.component' const pagesRoutes: Routes = [ { path: '', component: PagesComponent, data: { preload: false, reuse: false }, children:[ { path:'', redirectTo:'main', pathMatch:'full' }, { path:'main', loadChildren:'./main/main.module#MainModule', data: { preload: true, reuse: false } }, { path:'season', loadChildren:'./seasonal-plan/seasonal-plan.module#SeasonalPlanModule', data: { preload: true, reuse: false } }, { path:'history', loadChildren:'./historical-data/historical-data.module#HistoricalDataModule', data: { preload: true, reuse: false } }, { path:'basic', loadChildren:'./basic-data/basic-data.module#BasicDataModule', data: { preload: true, reuse: false } }, { path:'system', loadChildren:'./system-management/system-management.module#SystemManagementModule', data: { preload: true, reuse: false } } ] } ] @NgModule({ imports: [RouterModule.forChild(pagesRoutes)], exports: [RouterModule] }) export class PagesRoutingModule { }