Angular and Asp.Net Core WebApi Crud Operations

Description

In this lab, you will be learning how to implement Asp.Net API-based CRUD Operations by using Angular Applications in your ASP.NET Core applications. By the end of the lab, you'll have the skills to use Web API to Perform CRUD Operations through the Angular Framework to use them in the application.

Lab Objective

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

• Create a Web API Layer related to the CRUD operation of Products.
• Then we will create New Angular App using Visual Studio Template.
• Finally, integrate Product API Controller with the Angular Application.

Prerequisites

You should be familiar with ASP.NET Core WebAPI and Angular Framework.

Lab Requirements

• Create an ASP.Net Core Web API Application
• Create a Controller related to the Product to Perform all types of CRUD-based Operations.
• Add New Projects in Solutions related to Angular Applications.
• Design the Product List Page in Angular App and Integrate it with the Product GetAll Api Method.
• Design the Add Product Page in Angular App and Integrate with the SaveProduct Api Method.
• Design the Edit Product Page in Angular App and Integrate with the UpdateProduct Api Method.
• Integrate the Delete Product API method with the Product List.
• Implement Searching functionality to the list of Product List.