Transforming values using Angular pipes
In Angular, pipes are used to transform values. Angular offers a lot of useful built-in pipes and allows you to create your own. Let’s first list the most powerful and commonly used built-in pipes and briefly explain what they are used for:
AsyncPipe
:AsyncPipe
is used to handle asynchronous values in your templates. It automatically subscribes to an observable or promise and returns the latest value emitted by the observable or promise.AsyncPipe
unsubscribe automatically because this prevents memory leaks. It’s recommended to useAsyncPipe
as much as possible.UpperCasePipe
: This pipe is used to transform a text value into all uppercase characters.LowerCasePipe
: This pipe is used to transform a text value into all lowercase characters.TitleCasePipe
: This pipe is used to capitalize the first letter of each word.CurrencyPipe
: This pipe is used to transform a number value into a currency value with a currency...