import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { NewBillComponent } from './new-bill/new-bill.component'; import { BillsComponent } from './bills/bills.component'; import { EditBillComponent } from './edit-bill/edit-bill.component'; const routes: Routes = [ { path: 'new-bill', component: NewBillComponent, data: { title: 'New Bill' } }, { path: '', component: BillsComponent, data: { title: 'Bills' } }, { path: 'edit-bill/:id', component: EditBillComponent, data: { title: 'Edit Bill' } } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class BillRoutingModule {}