Angular Pipes

Level : Beginner
Mentor: Shailendra Chauhan
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>
Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Still have some questions? Let's discuss.
CONTACT US
Accept cookies & close this