What are Pipes in Angular?
- Pipes in Angular are used to transform the data before displaying to view.
- Angular has some built-In pipes like lowercase, uppercase, date, percent, currency, etc. However, we can also create custom pipes as per our application requirement.
- And to achieve this transformation we use the pipe operator ( | ).
I will show you examples of both Built-In and Custom Pipes.
Let's start by creating a component in the application.
Execute command
"ng g c CustomPipeDemo" ( g = generate, c=component ) in your workspace.
Navigate to custom-pipe-demo.component.ts file.