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

Adding bikers child routes

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

• bike-list
• bike-detail

Now we will import the components at the top of file:

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

// Bikes Routes Imports
 import { BikeDetailComponent } from  './bike-detail/bike-detail.component';
 import { BikeListComponent } from  './bike-list/bike-list.component';

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

 const  routes:  Routes  = [
   { path:  'bikes',
     children: [
    {
      path:  "'',
      component:  BikeListComponent
    },{
      path:  ':id',
      component:  BikeDetailComponent
    }]
  }
 ];

Now, it is time to create the ...