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

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 usersRouterModule: ModuleWithProviders = RouterModule.forChild(usersRoutes);

export const usersRoutingComponents = [UserItemComponent, UsersComponent, UserListComponent, EditUserComponent,
  AwardUserComponent];