AngularJS number 过滤器

定义和用法

number 过滤器将数字格式化为字符串。

相关页面

AngularJS 教程:Angular 过滤器

实例

例子 1

将奖金格式化为数字:

<div ng-app="myApp" ng-controller="nCtrl">

<h1>{{prize | number}}</h1>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('nCtrl', function($scope) {
    $scope.prize = 1000000;
});
</script>

亲自试一试

例子 2

以 3 位小数显示重量:

<div ng-app="myApp" ng-controller="nCtrl">

<h1>{{weight | number : 3}} kg</h1>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('nCtrl', function($scope) {
    $scope.weight = 9999;
});
</script>

亲自试一试

语法

{{ string | number : fractionsize}}

参数

参数 描述
fractionsize 数字,指定小数点后的位数。