Latest web development tutorials
 

AngularJS currency Filter


Example

Display the number as a currency format:

<div ng-app="myApp" ng-controller="costCtrl">

<p>Price = {{ price | currency }}</p>

</div>
Try it Yourself »

Definition and Usage

The currency filter formats a number to a currency format.

By default, the locale currency format is used.


Syntax

{{ number | currency : symbol : fractionsize }}

Parameter Values

Value Description
symbol Optional. The currency symbol to be displayed. The symbol can be any character or text.
fractionsize Optional. The number of decimals.

More Examples

Example

Display the price in the Norwegian currency format:

<div ng-app="myApp" ng-controller="costCtrl">

<p>Price = {{ price | currency : "NOK" }}</p>

</div>
Try it Yourself »

Example

Display the price with three deciamls:

<div ng-app="myApp" ng-controller="costCtrl">

<p>Price = {{ price | currency : "NOK" : 3 }}</p>

</div>
Try it Yourself »

Related Pages

AngularJS Tutorial: Angular Filters