AngularJS Number Filter

AngularJS number filter is allow you to format any number to specific string. If the input is not a number an empty string is returned. If the input is an infinite the Infinity symbol is returned.

Syntax

{{ number_expression | number : fractionSize}}

AngularJS Number Filter Example

<html>
<head>
<title>My first AngularJS Number Format</title>
<script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">
</script>
<script>
//Defining AngularJS Controller Using Standard Javascrip Object Constructor
function CustomerController($scope) {
   $scope.val = 65421.56789;
}
</script>
</head>
<body>
<div ng-app="">
<div ng-controller="CustomerController"> 
Enter number: <input ng-model='val'><br>
Default Number formatting: <span id='defaultNumber'>{{val | number}}</span><br>
Without fractions: <span>{{val | number:0}}</span><br>
Negative number: <span>{{-val | number:4}}</span>
</div>
</div>
</body>
</html>

See Live Example

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

Angularjs Tutorials

Angularjs References

Angularjs Examples

AngularJS Number Filter

AngularJS Number Filter Example

Recent Articles