Angular pipes

Angular Pipes are used to transforms texts.

A pipe takes in data as input and transforms it to a desired output

LowerCase Pipe

Transforms text to all lower case. It is used as follows.

{{value_expression | lowercase }}

UpperCase Pipe

Transforms text to all Upper case. It is used as follows.

{{ value_expression | uppercase  }} 

TitleCasePipe

Transforms text to title case. Capitalizes the first letter of each word, and transforms the rest of the word to lower case. Words are delimited by any whitespace character, such as a space, tab, or line-feed character.

{{ value_expression | titlecase }}

Date Pipe

Converts the Date to human-friendly date

CurrencyPipe

Transforms a number to a currency string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.

Share Comments