In this AngularJS currency filter example you will learn how to display currency symbols other than dollar 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
{{balance | currency:"¥" }} {{balance | currency:"£" }}
<!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 Display currency symbols other than dollar
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 Display currency symbols other than
dollar using currency filter Example</legend>
<div ng-app="app">
<div ng-controller="ParentController">
<p>Currency in Euro :- {{balance | currency:"" }}</p>
<p>Currency in Pound :- {{balance | currency:"£" }}</p>
<p>Currency in Yen :- {{balance | currency:"¥" }}</p>
</div>
</div>
</div>
</fieldset>
</body>
</html>