angularjs過濾器(number)
angularjs過濾器number,用來精確浮點數
用來精確浮點數,指定小數點位數.
在html中用法
{{ number_expression | number : fractionSize}}
在js中用法
$filter('number')(number, fractionSize)
引數
- number 待精確的數字
- factionSize(可選) 小數點後精確位數,預設值是3.
(預設情況下保留的小數位數小於等於3. 比如: 1234-->1234;1234.56789-->1234.568;1234.56-->1234.56 )
例子
<!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,234.56789
預設格式: 1,234.568
保留0位: 1,235
保留10位: 1,234.5678900000
保留2位: 1,234.57