Summary

Pipes are less complicated than the directives but equally important in the Angular framework. Depending on the context, we may benefit from both directives and the pipes. There are cases when it’s crucial to combine them to create the perfect solution.

In this lesson, we’ll quickly go through everything we learned about pipes. As usual, this summary can act as a cheat sheet with many useful snippets that help us remember key features.

Pipes

Pipes are simply functions dedicated to transforming values. They’re commonly used in templates.

Advantages:

  • Pipes provide a way to unify output values across the entire application so that they’re displayed to the user in the same way.
  • The transformation logic is encapsulated into a single file and then reused in various places.
  • By default, pipes run transformation logic only when input data changes, making the concept highly performant.

Get hands-on with 1200+ tech skills courses.