Example of Angular´s component route.

magical.lessons.route.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MagicalLessonsListComponent } from './magical.lessons.list.component';
import { MagicaLessonsComponent } from './magical.lessons.component';
import { MagicalLessonsResolver } from './magical.lessons.resolver';

const routes: Routes = [
  {
    path: '',
    component: MagicalLessonsListComponent    
  },
  {
    path: ':id',
    component: MagicaLessonsComponent,
    resolve: {
      article: MagicalLessonsResolver
    }
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class MagicalLessonsRouteModule {}