Angular Pipes
Duration : 00:02:45
DatePipe
The DatePipe is used to format dates according to a specified format. It's commonly used to display dates in a human-readable format.Example
<p>Current Date: {{ currentDate | date:'dd MMMM yyyy' }}</p>
UpperCasePipe
The UpperCasePipe transforms a given string to all uppercase characters.Example
<p>{{ 'hello world' | uppercase }}</p>
LowerCasePipe
The LowerCasePipe transforms a given string to all lowercase characters.Example
<p>{{ 'Hello World' | lowercase }}</p>
CurrencyPipe
The CurrencyPipe is used to format numbers as currency values with appropriate currency symbols and separators.Example
<p>Price: {{ productPrice | currency:'USD':'symbol':'1.2-2' }}</p>
DecimalPipe
The DecimalPipe is used to format numbers with a specified number of decimal places.Example
<p>Value: {{ floatValue | number:'1.2-2' }}</p>
PercentPipe
The PercentPipe is used to format numbers as percentages with a specified number of decimal places.Example
<p>Discount: {{ discountPercentage | percent:'1.1-1' }}</p>
Still have some questions? Let's discuss.
CONTACT US
Unlimited live sessions
Hands-on labs
Real-world projects
Interview Q&A