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

Creating the builder-list methods

Now, let's create the builder-list methods to list all builders:

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

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

2. Add the following properties after the BuilderListComponent class declaration:

 // Using Builder Model class
 builders: Builder[];
 isLoading: Boolean = false;

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

 constructor(private builderService: BuildersService) { }

4. Inside the ngOnInit() function, add the following code: ...