Angular 6 for Enterprise-Ready Web Applications

Common pipes

Pipes modify how a data-bound value is displayed in the HTML template.

Name	Purpose	Usage
Date	Formats a date according to locale rules	{{date_value | date[:format]}}
Text Transformation	Transforms text to uppercase, lowercase, or title case	{{value | uppercase}} {{value | lowercase}} {{value | titlecase }}
Decimal	Formats a number according to locale rules	{{number | number[:digitInfo]}}
Percent	Formats a number as a percentage according to locale rules	{{number | percent[:digitInfo]}}
Currency	Formats a number as currency with currency code and symbol according to locale rules	{{number | currency[:currencyCode [:symbolDisplay[:digitInfo]]]}}

Pipes Source: https://angular.io/guide/pipes