摘要
angularjs过滤器number,用来精确浮点数
用来精确浮点数,指定小数点位数.
在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
|