In this chapter, you will learn about Angular pipes. Think of Angular pipes as a modernized version of filters, comprising functions that help us to format the values within the template. Pipes in Angular are basically an extension of what filters were in Angular v1. There are many useful built-in pipes we can use easily in our templates. You will learn about built-in pipes and we will also create our own custom user-defined pipes.
At the end of this chapter, you will learn and implement the following:
- Introduction to Angular pipes
- Defining and implementing a pipe
- Understand the various built-in pipes
- DatePipe
- DecimalPipe
- CurrencyPipe
- LowerCasePipe and UpperCasePipe
- JSON Pipe
- SlicePipe
- async Pipe
- Learn to implement custom user-defined pipes
- Parameterizing the pipes
- Chaining the pipes
- Learn about pure and impure pipes