import {NgModule} from '@angular/core'; import {RouterModule, Routes} from '@angular/router'; import {RoleFunctionsComponent} from './role-functions/role-functions.component'; import {UsageComponent} from './usage/usage.component'; import {CacheAdminComponent} from './cache-admin/cache-admin.component'; import {RolesComponent} from './roles/roles.component'; import {MenusComponent} from './menus/menus.component'; import {AdminComponent} from './admin.component'; const routes: Routes = [ { path: '', component: AdminComponent, children: [ {path: 'role_function_list', component: RoleFunctionsComponent}, {path: 'usage_list', component: UsageComponent}, {path: 'cache_admin', component: CacheAdminComponent}, {path: 'admin', component: RolesComponent}, {path: 'admin_menu_edit', component: MenusComponent}, ] } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class AdminRouting { }