Lesson 23 / 30

Built-in Pipes

Transform values right inside the template.

date, currency, uppercase

A pipe uses | to transform a value for display, without changing the underlying data.

<p>{{ order.date | date:'mediumDate' }}</p>
<p>{{ order.total | currency:'INR' }}</p>
<p>{{ product.name | uppercase }}</p>

Chaining pipes

Pipes can be chained — each one receives the output of the pipe before it: {{ name | lowercase | titlecase }}.