Chapter 4: Enhance Components with Pipes and Directives
In the previous chapter, we built several components that rendered data on the screen with the help of input and output properties. We'll leverage that knowledge in this chapter to take our components to the next level with the use of directives and pipes. Pipes allow us to digest and transform the information we bind in our templates. Directives allow us to conduct more ambitious functionalities such as manipulating the DOM or altering the appearance and behavior of HTML elements.
In this chapter, we will do the following:
- Have a comprehensive overview of the built-in directives of Angular.
- Discover how we can refine our data output with pipes.
- See how we can design and build custom pipes and directives.