Angularjs Examples

AJS Examples


AngularJS Format Number as Currency Using Currency Filter

In this AngularJS currency filter example you will learn how to format number as currency using currency filter.

Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom.

Syntax

{{ number | currency}}

AngularJS Format Number as Currency Using Currency Filter Example

<!DOCTYPE html>          
<html>          
<head> <!-- www.techstrikers.com -->           
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script>           
    <meta charset="utf-8">          
    <title>AngularJS Format number as currency 
	using currency filter Example</title>          
  <script>          
var app = angular.module('app', []);          
    app.controller("ParentController", function ($scope) {  
      $scope.balance = 45440.90;
    });   
</script>          
</head>          
<body style="background-color:#DDE4E9;">          
  <fieldset style="background-color:#DDE4E9;font-family:arial;">                      
    <legend>AngulerJS Format number as currency 
	using currency filter Example</legend>           
  <div ng-app="app">   
    <div ng-controller="ParentController">   
      <p>Currency in Dollor :- {{balance | currency }}</p>
      <p>Currency in Euro :- {{balance | currency:"€" }}</p>
  </div>  
</div>          
</div>          
 </fieldset>           
</body>          
</html>