Angular 9 CRUD

Throughout this Angular 9 CRUD tutorial, we’ll be learning to implement CRUD operations by example using the latest Angular 9 version that has been released recently with Ivy support.

> ✋✋ Join our Facebook group 👈 to discuss anything related to Angular development.

We’ll make use of a CRUD REST API built using json-server which allows you to generate a full working REST API in no time.

What’s CRUD?

CRUD stands for Create, Read. Update and Delete — a set of operations often implemented in web apps to allow users to interact with a database.

In our tutorial, we’ll only focus on building the front-end using Angular 9, the back-end will be mocked using json-server.

We’ll not be learning how to use json-server but you can see the complete instructions from this tutorial after creating the Angular 9 project.

Angular 9 CRUD Tutorial Steps

Step 1 — Mocking the Backend Using json-server

Step 2 — Creating an Angular 9 Module

Step 3 — Importing Angular `HttpClientModule` and `FormsModule`

Step 4 — Creating Angular 9 Component(s)

Step 5 — Adding Angular 9 Routing

Step 6 — Creating an Angular 9 Service

Step 7 — Creating a Model

Step 8 — Implementing the CRUD Methods

Step 9 — Calling the CRUD Methods

Read the tutorial