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

Creating an Angular service

Angular services are used to handle data; it can be internal data (from one component to another) or something external, such as communicating with an API endpoint. Almost all frontend applications with JavaScript frameworks use this technique. In Angular, we call this a service, and we use some modules built into the Angular framework to complete the task: HttpClient and HttpClientModule.

Let's look at how the Angular CLI can help us:

1. Open VS Code, and, inside the integrated Terminal, type the following command:

ng g service beers/beers

The previous command will generate two new files in the beers folder:

beers.service.spec.ts and beers.service.ts.

2. Add the newly created Service as a dependency provider to ...