Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Adding builders child routes

Let's create the child routes for the following views in our frontend application:

• builders-list
• builders-detail

1. Open ./Client/src/app/pages/builders/builders-routing.module.ts and import the component:

importsimport { BuilderDetailComponent } from './builder-detail/builder-detail.component';import { BuilderListComponent } from './builder-list/builder-list.component';

2. Still in ./Client/src/app/pages/builders/builders-routing.module.ts, add the following routes object inside the routes constant:

const routes: Routes = [{    path: 'builders',    children: [    {    path: '',component: BuilderListComponent},    {    path: ':id',    component: BuilderDetailComponent    }    ]    }];

In the preceding code snippet, you will notice two things ...