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