Crud Operations Using Binding, Directives, and Pipes

Level : Beginner
Mentor: Shailendra Chauhan
Type : GuidedLab
Points : 10
Duration : 00:45:00

Lab Details


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


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
Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Still have some questions? Let's discuss.
Accept cookies & close this