Expert Angular

LowerCasePipe and UpperCasePipe

The LowerCasePipe and UpperCasePipe, as the names suggest, help in transforming the text into lowercase and uppercase, respectively.

Take a look at the following code snippet:

Author is Lowercase {{authorName | lowercase }}Author in Uppercase is {{authorName | uppercase }}

Let's analyze the preceding code in detail:

1. The first line of code transformed the value of authorName to lowercase using the lowercase pipe.
2. The second line of code transformed the value of authorName to uppercase using the uppercase pipe.

Now that we have seen how to define lowercase and uppercase pipes, it's time to create a complete component example, which implements the pipes to show the author name in both lowercase and uppercase. ...