Skip to content

An Angular Pipes Demo Project that showcases the use of built-in and custom pipes to transform data directly within templates. This project demonstrates how pipes can format, filter, and manipulate displayed data efficiently — including examples of creating custom pipes for custom transformations.

Notifications You must be signed in to change notification settings

sauravk2025/Angular-Learning-Pipes

Repository files navigation

🧪 Angular Pipes Demo

This project demonstrates how to use Angular Pipes — both built-in and custom — to transform and display data in a more readable and formatted way.
It serves as a hands-on learning project to understand how Angular handles data transformation in templates efficiently and declaratively.


🚀 Features

  • 🧩 Demonstrates built-in Angular pipes
    • date, uppercase, lowercase, currency, percent, json, slice, async, etc.
  • 🛠️ Implements custom pipes for specific data transformations
  • 🔁 Showcases chaining multiple pipes
  • 💡 Includes examples for parameterized pipes
  • 🎨 Clean UI showing real-time data transformation

🧰 Tech Stack

Technology Purpose
Angular Framework for the project
TypeScript Logic and custom pipe creation
HTML5 Template-based data transformations
CSS3 Styling and layout

About

An Angular Pipes Demo Project that showcases the use of built-in and custom pipes to transform data directly within templates. This project demonstrates how pipes can format, filter, and manipulate displayed data efficiently — including examples of creating custom pipes for custom transformations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published