摘要 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
|
相关推荐
AngularJS-过滤器AngularJS 的过滤器项目
本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考,具体如下: 这节我们来看看angularjs的过滤器filter。 在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能显示给用户。比如时间...
* $filter 过滤器,是angularJs中用来处理数据以更好的方式展示给我用户。比如格式化日期,转换大小写等等。 * 过滤器即有内置过滤器也支持自定义过滤器。内置过滤器很多,可以百度。关键是如何使用: * 1.在HTML中...
现在公司用ionic,就是基于angularjs封装了一些api用于webapp,最近用的angularjs...number过滤器可以为一个数字加上千位分割,像这样,123,456,789。同时接收一个参数,可以指定小float型保留几位小数: {{ num | nu
现在公司用ionic,就是基于angularjs封装了一些api用于webapp,最近用的...number过滤器可以为一个数字加上千位分割,像这样,123,456,789。同时接收一个参数,可以指定小float型保留几位小数: {{ num | number : 2
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一...AngularJS中为我们提供了一些内置的过滤器,这里列举一些自定义过滤器的场景。
ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。除此之外还...
本地化设置和AngularJS过滤器275 102处理翻译277 翻译AngularJS模板中的字符串277 使用过滤器278 使用指令279 翻译JavaScript代码中的字符串280 103范式、秘诀和技巧282 按照设定的地区初始化应用282 将地区...
在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能...在angularjs中为我们提供了叫filter的指令,让我们能够很轻易就能做到着一些列的功能,angularjs内部为我们提供了number等很多内置的filter。
date格式化 {{ 1304375948024 | date }} //结果:May 3, 2011 {{ 1304375948024 | date:"MM/dd/yyyy @ h:...number格式化 {{ 1.234567 | number:1 }} //结果:1.2 {{ 1234567 | number }} //结果:1,234,567 currency
一、AngularJS的filter过滤器: uppercase|lowercase:大小写转换过滤 json:json格式过滤 date:日期格式过滤 number:数字格式过滤 currency:货币格式过滤 filter:查找 limitTo:字符串对象截取 orderBy:对象...
这是学习《AngularJS权威指南》并测试1.4版本中的变化的练习项目run 用于应用的初始化对表达式进行的任何操作,都会在其所属的...{{}123.456789 | number:2}过滤器currencyfilter过滤器可以从给定数组中选择一个子集,
(1)指定一列的过滤器,然后模板就会使用。 (2)ngTable支持number, text, select 和 select-multiple的值模板。 (3)可以有选择的为NgTableParams提供初始过滤值。 <h3>ngTable directive <table ng-...
输入类型“ tel”的过滤器和指令,用于格式化和解析国际电话号码。 基于libphonenumber中的元数据。 演示: : 使用者 ...和其他人。筛选用法在HTML模板绑定中{{phonenumber_expression | telephone}}用Java语言编写...
Min 和 Max 验证器,如 input[number]。 鲍尔 您可以使用 bower 安装它 bower install ng-currency-input 快速开始 包括所需的库: < script src =" https://code.angularjs.org/1.2.16/angular.js " > <...
14.xss过滤的StringEscapeUtils过滤器实现 public class AttackHandler extends Handler { @Override public void handle(String target, HttpServletRequest request, HttpServletResponse ...