Exercise: Built-in Pipes in Angular

Let’s practice using Angular’s built-in pipes.

We'll cover the following


We want to improve the existing cart item component so it displays values in a more user-friendly way. To do that, we have to meet the following requirements:

  • The name of the product should be completely in uppercase.
  • The description of the product should be completely in lowercase.
  • The price of the product should be formatted according to our local currency.
  • The date should be formatted to display the day, month, and year only in DD/MM/YY format.

Note: To meet all these requirements, we must use pipes. We should not format the text by hardcoding it!


Write down your code below:

Get hands-on with 1200+ tech skills courses.