Angular 10/9/8 Currency Pipe Example | Currency Pipe in Angular

By Hardik Savani | April 6, 2020 | Category : Angular


Hello all! In this article, we will talk about angular currency pipe example. you will learn currency pipe angular example. i explained simply step by step angular pipe currency example. if you have question about angular pipe currency tutorial then i will give simple example with solution.

In this tutorial i will provide you full example and how to use angular currency pipe in component file. you can use it in angular 6, angular 7, angular 8, angular 9 and angular 10 application.

I am not going to explain more and more description but i will simply give you syntax and some small examples so you can easily use it in your application.

Syntax:

{{ value_expression | currency [ : currencyCode [ : display [ : digitsInfo [ : locale ] ] ] ] }}

Default Example

import { Component } from '@angular/core';

@Component({

selector: 'my-app',

template: `

<div>

<p>{{ myCurrency | currency }}</p>

</div>`,

styleUrls: [ './app.component.css' ]

})

export class AppComponent {

myCurrency = 100;

}

Output:

$100.00

Currency with Type Example

import { Component } from '@angular/core';

@Component({

selector: 'my-app',

template: `

<div>

<p>{{ myCurrency | currency: 'CAD' }}</p>

<p>{{ myCurrency2 | currency: 'INR' }}</p>

</div>`,

styleUrls: [ './app.component.css' ]

})

export class AppComponent {

myCurrency = 100;

myCurrency2 = 200;

}

Output:

CA$100.00

₹200.00

Currency with Type and Symbol Example

import { Component } from '@angular/core';

@Component({

selector: 'my-app',

template: `

<div>

<p>{{ myCurrency | currency: 'USD': 'symbol':'4.2-2' }}</p>

</div>`,

styleUrls: [ './app.component.css' ]

})

export class AppComponent {

myCurrency = 100.330;

}

Output:

$0,100.33

I hope it can help you...




Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: