Crud Operations Using Binding, Directives, and Pipes

Description

In this guide, you will learn how to create the Angular app from scratch, perform the extensive CRUD example by using the data binding mechanism, component directive, and the real-time use of pipes and the use of custom pipe and combine them in the application.

Lab Objective

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

•  How to create the component and models
•  How to use component directives and data binding techniques
•  Use of pipes for the data transformation and custom pipe creation

Prerequisites

You should have a basic understanding of the components, and in-built pipes of Angular.

Lab Requirements

•  Display a List of Users.
•  Perform CRUD Operations Using One Component
•  In Listing change the alternate color to light Blue.
•  Create a custom pipe for Capitalize the Word