Angularjs Examples

AJS Examples


AngularJS Display Rupee Currency Symbol Using Currency Filter

In this AngularJS number filter example you will learn how to format number as text in angularjs.

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 | number}}
{{balance | number:3}}
{{balance | number:0}}

AngularJS Display Rupee Currency Symbol 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 text in angularjs 
using number filter Example</title>            
  <script>            
var app = angular.module('app', []);            
    app.controller("ParentController", function ($scope) {    
      $scope.balance = 454430.930;  
    });     
</script>            
</head>            
<body style="background-color:#DDE4E9;">            
  <fieldset style="background-color:#DDE4E9;font-family:arial;">                        
<legend>AngulerJS Format number as text in angularjs using 
number filter Example</legend>             
  <div ng-app="app">     
    <div ng-controller="ParentController"> 
      Enter number: <input ng-model='balance'>
      <p>Default Formatting :- {{balance | number}}</p>
      <p>Fixed fractions :- {{balance | number:3}}</p>
      <p>No fractions :- {{balance | number:0}}</p>
      <p>Negative number :- {{-balance | number}}</p>
  </div>    
</div>            
</div>            
 </fieldset>             
</body>            
</html>