AngularJS | currency Filter

AngularJS currency filter is used to convert a number into a currency format. If no currency format is specified currency filter uses the local currency format.

Syntax:

{{ currency_expression | currency : symbol : fractionSize}}

Parameters: It contains two parameters as mentioned above and described below:

symbol: It is optional parameter. It is used to specify the currency symbol. The currency symbol can be any character or text.
fractionsize: It is optional parameter. It is used to specify the number of decimals.

Example 1: This example displays the number in Indian currency format.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Currency Filter</title> 
          
        <script src= 
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
        </script> 
    </head> 
      
    <body> 
   
        <div ng-app="gfgApp" ng-controller="currencyCntrl"> 
              
            <h3> 
                Currency filter with curreency 
                symbol and fraction size. 
            </h3> 
              
            <p>Amount : {{ amount | currency : "Rs" : 2}}</p> 
        </div> 
   
        <script> 
            var app = angular.module('gfgApp', []); 
              
            app.controller('currencyCntrl', function($scope) { 
                $scope.amount = 75; 
            }); 
        </script> 
    </body> 
      
</html> 

Output:

Example 2: This example display the number in currency fromat.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Currency Filter</title> 
          
        <script src= 
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
        </script> 
    </head> 
      
    <body> 
   
        <div ng-app="gfgApp" ng-controller="currencyCntrl"> 
              
            <h3> 
                Currency filter without curreency 
                symbol and fraction size. 
            </h3> 
              
            <p>Amount : {{ amount | currency}}</p> 
        </div> 
   
        <script> 
            var app = angular.module('gfgApp', []); 
              
            app.controller('currencyCntrl', function($scope) { 
                $scope.amount = 38; 
            }); 
        </script> 
   
    </body> 
</html> 

Output:

My Personal Notes

Recommended Posts: