angularjs过滤器(number)

摘要  angularjs过滤器number，用来精确浮点数

 

目录[-]

• 在html中用法
• 在js中用法
• 参数
• 例子

用来精确浮点数，指定小数点位数.

在html中用法

?

1	{{ number_expression | number : fractionSize}}

在js中用法

?

1	$filter('number')(number, fractionSize)

参数

• number 待精确的数字

• factionSize(可选) 小数点后精确位数，默认值是3.

(默认情况下保留的小数位数小于等于3. 比如: 1234-->1234；1234.56789-->1234.568；1234.56-->1234.56 ) 

例子

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<! doctype  html> < html  ng-app = 'demo' > < meta  charset = 'utf-8' > < body > < div  ng-controller = "ExampleController" >    输入数字: < input  ng-model = 'val' >< br >    <!-- 默认格式 -->    默认格式: < span  id = 'number-default' >{{val | number}}</ span >< br >    <!-- factionSize=0 -->    保留0位: < span >{{val | number:0}}</ span >< br >    <!--factionSize大于小数点位数 -->    保留10位: < span >{{val | number:10}}</ span >< br >    <!-- factionSize小于小数点位数-->    保留2位: < span >{{val | number:2}}</ span > </ div > < script  src = "/static/lib/angular/angular.js" ></ script > < script  src = "/static/lib/angular-resource/angular-resource.min.js" ></ script > < script >      var app = angular.module('demo', ['ngResource'])      .controller('ExampleController', function($scope) {          $scope.val = 1234.56789;      }); </ script > </ body > </ html >

显示结果

?

1 2 3 4 5

输入数字: 1,234.56789 默认格式: 1,234.568 保留0位: 1,235 保留10位: 1,234.5678900000 保留2位: 1,234.57     本文来源于：http://my.oschina.net/yongqing/blog/305717