import {RouterModule, Routes} from "@angular/router"; import {UsersComponent} from "./users.component"; import {EditUserComponent} from "./edit-user/edit-user.component"; import {UserListComponent} from "./user-list/user-list.component"; import {AwardUserComponent} from "./award-user/award-user.component"; import {ModuleWithProviders} from "@angular/core"; import {UserItemComponent} from "./user-list/user-item.component"; export const usersRoutes: Routes = [{ path: '', component: UsersComponent, children: [ { path: '', component: UserListComponent } ] }, { path: 'new', component: EditUserComponent, outlet: 'right' }, { path: 'edit/:id', component: EditUserComponent, outlet: 'right' }, { path: 'award/:id', component: AwardUserComponent, outlet: 'right' } ]; export const routes: ModuleWithProviders = RouterModule.forChild(usersRoutes); export const usersRoutingComponents = [UserItemComponent, UsersComponent, UserListComponent, EditUserComponent, AwardUserComponent];