码迷,mamicode.com
首页 > Web开发 > 详细

angularjs过滤器(number)

时间:2014-08-22 22:39:49      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:style   os   io   ar   div   cti   html   amp   size   

用来精确浮点数,指定小数点位数.

在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


angularjs过滤器(number)

标签:style   os   io   ar   div   cti   html   amp   size   

原文地址:http://my.oschina.net/yongqing/blog/305717

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!