angularjs过滤器(number)
2014年8月22日 21:13
用来精确浮点数(指定小数点位数).
在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 26 | <!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 |