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

Creating the builder-detail methods

Now, it is time to create the builder-detail component. Let's see how:

1. Open ./Client/src/pages/builders/builder-detail/builder-detail.component.ts and add the following imports, right after the core import:

 import { ActivatedRoute } from '@angular/router';

 // App imports
 import { Builder } from './../builder';
 import { BuildersService } from '../_services/builders.service';

2. Add the following properties after the builder-detail.component class declaration:

   builder: Builder;
   isLoading: Boolean = false;

3. Still on ./Client/src/pages/builders/builder-detail/builder-detail.component.ts, let's create the constructor() function:

 constructor( private buildersService: BuildersService, private route: ActivatedRoute) ...