摘要 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过滤器filter详解** AngularJS是一款强大的前端JavaScript框架，用于构建动态Web应用程序。过滤器是AngularJS中一个至关重要的特性，它允许我们在数据展示时进行格式化和转换，从而提升用户体验。过滤器...
AngularJS中过滤器的作用是格式化需要展示给用户的数据。在AngularJS的HTML模板绑定中，我们通过在绑定符号{{}}内使用|符号调用过滤器。例如，{{value|lowercase}}这样的表达式可以将值转换成小写。除了在HTML模板中...
详解 AngularJS 过滤器的用法 AngularJS 过滤器是用来格式化需要展现给用户的数据的强大工具。 AngularJS 提供了许多内置的有用的过滤器，同时也允许开发者自己编写过滤器。在 HTML 模板中，可以通过使用 {{ }} ...
AngularJS过滤器（filter）是AngularJS框架中用于数据处理和格式化的重要工具，它可以方便地在视图层对数据进行转换、筛选和排序。在实际的开发中，过滤器通常用于解决数据呈现前的格式化问题，例如将数字转换为人类...
下面将详细介绍一些常用的AngularJS过滤器及其用法。 1. `lowercase` 和 `uppercase` 过滤器： - `lowercase` 过滤器用于将字符串转换为小写，如 `{{ lastName | lowercase }}`。 - `uppercase` 过滤器则用于将...
在本项目“AngularJS-过滤器”中，我们将深入探讨AngularJS过滤器的实现及其用法。 1. **定义与使用过滤器** 在AngularJS中，过滤器可以通过两种方式使用：在HTML模板中和在JavaScript控制器中。在HTML中，我们...
**AngularJS 过滤器详解** AngularJS 是一个强大的 JavaScript 框架，它通过数据绑定和依赖注入简化了前端开发。在 AngularJS 中，过滤器（Filters）是一种功能强大的工具，它们可以用来转换和格式化视图中的数据，...
AngularJS过滤器（filter）是AngularJS框架中的一个重要特性，用于转换和格式化数据，以适应用户界面的显示需求。过滤器可以在视图层（View）中直接使用，也可以在控制器（Controller）或表达式中应用。它们允许...
AngularJS过滤器是AngularJS框架中用于数据转换和格式化的一种功能强大的工具，它们能够接收原始数据，并根据预设的规则进行处理，然后输出格式化后的结果。在AngularJS中，过滤器通常与表达式一起使用，通过管道符 ...
总结来说，AngularJS过滤器是一种非常实用的工具，它简化了数据的格式化过程，让我们可以以非常简洁的方式在视图中展示经过处理的数据。无论是内置的过滤器，还是用户自定义的过滤器，都可以通过简单的语法直接应用...
在AngularJS中，过滤器（Filters）是一种强大的工具，它们被用来在数据绑定时转换模型数据，以便在视图中展示。这篇文档总结了AngularJS中过滤器的使用方法，让我们一起深入理解过滤器的霸道之处。 **1. 为什么使用...
AngularJS的Filter过滤器是其数据绑定功能的重要组成部分，它允许开发者对数据进行转换和格式化，以便在视图中展示。以下是对AngularJS Filter过滤器的详细解析： 1. **Lowercase和Uppercase**： 这两个过滤器分别...
在AngularJS框架中，过滤器（Filter）是一种非常有用的功能，它可以在视图中显示数据时，按照特定的格式对数据进行格式化。过滤器可以应用在HTML模板中的插值表达式、数据绑定、指令、控制器的$watch表达式、路由...
AngularJS内置了九种过滤器，分别是currency（货币）、date（日期）、filter（子串匹配）、json（格式化json对象）、limitTo（限制个数）、lowercase（小写）、uppercase（大写）、number（数字）、orderBy（排序）...
AngularJS中的过滤器（Filter）是该框架提供的一个非常有用的特性，它用于对数据进行格式化以便在视图模板中展示。过滤器可以对数据进行排序、大小写转换、格式化日期等操作。无论是内置的还是自定义的过滤器，它们...
在AngularJS中，过滤器（filter）是一种强大的工具，用于数据转换和格式化。它们能够接收输入数据，根据预设的规则进行处理，并返回处理后的结果。过滤器主要用于改善视图层的数据展示，例如日期格式化、货币转换、...
总的来说，AngularJS过滤器是进行数据展示前的一种数据处理工具，可以极大地方便开发者对数据进行格式化操作，简化视图层代码的复杂度。对于那些经常需要对输出数据进行特殊处理的场景，如日期格式化、数字格式化或...