Angular Routing and Local storage

Description

In this guide, you will learn how to create the Angular app from scratch, configure the end-to-end routing settings, create child components and assign them to routes, way of using the local storage as a data source, and mutation of it based on the user interactivity.

Lab Objective

Upon completion of this lab, you will be able to:

•  How to create the component and models
•  How to use create the helper function and consume it
•  Complete setup of working routing configuration
•  Complete CRUD operation using local storage
•  Usage of bootstrap navigation, form control, and JavaScript confirmation popup

Prerequisites

You should have a basic understanding of components and a basic knowledge of how routing flow works.

Lab Requirements

•   Add Routing for Navigation
•  Show Active Menu as Highlighted
•  Create a component for User Listing
•  Create a component for Creating a User
•  Perform CRUD Operations Using Local Storage