The Pipe DEMO

The Built in Pipe

The Date pipe

The date medium {{joiningDate|date:'medium'}}
The date short {{joiningDate|date:'short'}}
The date fullDate {{joiningDate|date:'fullDate'}}

The date longDate {{joiningDate|date:'longDate'}}
The date mediumDate {{joiningDate|date:'mediumDate'}}
The date shortDate {{joiningDate|date:'shortDate'}}
The date mediumTime {{joiningDate|date:'mediumTime'}}
The date shortTime {{joiningDate|date:'shortTime'}}


The Joining Date: {{joiningDate|date:changeDate}}

The Uppercase Pipe

My Name is: {{fullName|uppercase}}

The Lowercase Pipe

My Name is: {{fullName|lowercase}}

The Chaining Pipe

The Joining Date is:-> {{ (joiningDate|date:'fullDate') | lowercase}}
Medium Pipe :-> {{ (joiningDate|date:'medium') | uppercase}}
MediumDate Pipe :-> {{ (joiningDate|date:'mediumDate') | lowercase}}

The Number Pipe

The Original Value : {{decimalValue}}

The Decimal Value (.5-5): {{decimalValue | number:'.5-5'}}

The Decimal Value (2.10-10): {{decimalValue | number:'2.10-10'}}

Currency Pipe

Income in USD: {{income | currency:'USD':true}}

Income in INR: {{income | currency:'INR':true}}

Income in JAPAN: {{income | currency:'JPY':true}}

Income in South Koria: {{income | currency:'KRW':true}}

Income in Israel: {{income | currency:'ILS':true}}


Percentage Pipe

Value : {{value | percent}}

Value (4.2-2) : {{value | percent:'4.2-2'}}


JSON Pipe

{{product|json}}

Slice Pipe

Slice the 'name' property with start index as 1 and end index as 10

{{name}} (1:10){{name | slice:1:10}}

Slice the 'names' array with start index as 2 and end index as 4

names (2:4)