Handling CRUD data in Angular

CRUD applications are widespread in the Angular world, particularly in the enterprise sector. You will hardly find any web application that does not follow this pattern. Angular does a great job supporting this type of application by providing the HttpClient service. In this section, we will explore the Angular HTTP client by interacting with the products endpoint of the Fake Store API. In particular, we will create an Angular CRUD application to manage products from our products module in Chapter 7, Being Reactive using Observables and RxJS. Let’s get started by scaffolding our application:

1. Create a new Angular application using the following Angular CLI command:

ng new my-app --defaults

1. Copy the global CSS styles from the code samples of Chapter 6, Managing Complex Tasks with Services, inside the styles.css file of the current Angular project.
2. Copy the products folder from Chapter 7, Being...