opt-cc/static/src/app/ranks/ranks.routing.ts

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];