angular的number过滤器
2017-06-21 本文已影响0人
LGMMI
重温自定义服务demo的时候发现：
angular中的number在不指定保留小数点后几位数的情况下，
默认保留的小数位数小于等于3。
详细代码如下：
<body ng-app='myApp'>
<div ng-controller="myCtrl">
<p>{{arr[0]}}保留小数点后是{{value1}}</p>
<p>{{arr[1]}}保留小数点后是{{value2}}</p>
<p>{{arr[2]}}保留小数点后是{{value3}}</p>
<p>{{arr[3]}}保留小数点后是{{value4}}</p>
<p>{{arr[4]}}保留小数点后是{{value5}}</p>
</div>
<script type="text/javascript">
var app = angular.module('myApp', []);
// 自定义服务----------------------
app.service('two', ['$filter', function ($filter) {
this.num = function (data) {
return $filter('number')(data); // 没有设置保留小数点后几位数
}
}])
// 控制器
app.controller('myCtrl', ['$scope', '$filter', 'two', function ($scope, $filter, two) {
$scope.arr = [11.2, 11.23, 11.234, 11.2345, 11.23456];
$scope.value1 = two.num($scope.arr[0]);
$scope.value2 = two.num($scope.arr[1]);
$scope.value3 = two.num($scope.arr[2]);
$scope.value4 = two.num($scope.arr[3]);
$scope.value5 = two.num($scope.arr[4]);
}]);
</script>
</body>
以上。
本文为原创文章，转载前请先征求原作者意见。
