import {RouterModule, Routes} from '@angular/router'; import {RankComponent} from './ranks.component'; import {RankListComponent} from './rank-list/rank-list.component'; import {EditRankComponent} from './edit-rank/edit-rank.component'; import {RankItemComponent} from './rank-list/rank-item.component'; import {ModuleWithProviders} from '@angular/core'; export const ranksRoutes: Routes = [{ path: '', component: RankComponent, children: [ { path: '', component: RankListComponent } ] }, { path: 'new', component: EditRankComponent, outlet: 'right' }, { path: 'edit/:id', component: EditRankComponent, outlet: 'right' }]; export const rankRouterModule: ModuleWithProviders = RouterModule.forChild(ranksRoutes); export const ranksRoutingComponents = [RankComponent, RankItemComponent, RankListComponent, EditRankComponent];