© Mark Clow 2018
Mark ClowAngular 5 Projectshttps://doi.org/10.1007/978-1-4842-3279-8_20

20. Pipes

Mark Clow1 
(1)
Sandy Springs, Georgia, USA
 

Pipes have been around since AngularJS. They’re useful at transforming data, especially when the same transformation is used throughout the application. Pipes make it easy to add these transformations into your component template.

Angular Pipes

Angular includes several pipes to add to your template. You don’t need to import them or add them as directives or anything—just start using them.

lowercase

Lowercase: {{ "The Quick Brown Fox Jumped Over The Lazy Dogs" | lowercase }}

Produces:

Lowercase: the quick brown fox jumped over the lazy dogs

uppercase

Uppercase: {{ "The Quick Brown Fox Jumped Over The ...

Get Angular 5 Projects: Learn to Build Single Page Web Applications Using 70+ Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.