在Angular中，可以用过滤器来声明应该如何变换数据格式，然后再显示给用户，你只要在模板中使用一个插值变量即可。使用过滤器的语法是：
{{ expression | filterName : parameter1 : ...parameterN }}
这里的表达式可以是任意的Angular表达式，fileName是你需要使用的过滤器名称，过滤器的多个参数之间使用冒号分隔。这些参数自身也可以是任何合法的Angular表达式。
Angular内置了很多过滤器，例如：
{{12.9 | currency}
以上这段代码将会显示如下结果：
$12.90
把插值变量声明在视图里面（而不是在控制器或者模型里面），因为数字前面的美元符号对人类来说很重要，而对我们用来处理数据的逻辑来说是没有意义的。
Angular内置的其他过滤器还有date、number、uppercase等。
在绑定的过程中，可以用管道符号把过滤器连接起来。例如，对于上面的这个例子，我们可以加一个number过滤器来把小数点后面的数值格式化掉，number过滤器会把数值作为参数传递给round函数。所以：
{{12.9 | currency | number:0}}
将会显示成：
$13
在实际开发过程中，不必受限于内置的过滤器，自已编写过滤器也非常简单。例如，为标题文字创建首字母大写的字符串，可以像下面这样开发Filter：
<html>
<head>
<title>Filter实例</title>
</head>
<body ng-app='HomeModule' ng-controller='HomeController'>
<h1>{{pageHeading | titleCase}}</h1>
<script src="lib/angular/angular.js"></script>
<script>
var myApp=angular.module('HomeModule',[]);
myApp.controller('HomeController', function($scope) {
$scope.pageHeading = 'behold the majesty of your page title';
});
myApp.filter('titleCase', function() {
var titleCaseFilter = function(input) {
var words = input.split(' ');
for(var i=0;i<words.length;i++) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
}
return words.join(' ');
};
return titleCaseFilter;
});
</script>
</body>
</html>
运行效果：
资料来源：《用AngularJS开发下一代Web应用》
相关推荐
在js代码中使用内置过滤器 * 3.自定义过滤器 * * （1）常用内置过滤器 * number 数字过滤器，可以设置保留数字小数点后几位等 * date 时间格式化过滤器，可自己设置时间格式 * filter 过滤的数据一般是数组，数组中...
Angularjs内置的过滤器(filter)为我们的数据信息格式化提供了比较强大的功能，比如：格式化时间，日期、格式化数字精度、语言本地化、格式化货币等等。但这些过滤器一般都是在VIEW中使用的，比如格式化时间/日期的...
在AngularJS的世界里，filter提供了一种格式化数据的方法，Angular也提供给我们了很多内建的过滤器，并且建立自定义过滤器也是相当的简单 在HTML的模板绑定{{}}中，我们使用 | 来调用过滤器，比如，我们想让字符串...
AngularJS 过滤器可用于转换数据： 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式...
主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase...
AngularJS 过滤器可用于转换数据： 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式...
ADE, AngularJS数据类型编辑器 AngularJS数据类型编辑器( ADE )ADE是一个用于显示和编辑 AngularJS的应用程序中各种类型数据的过滤器和指令。 例如，如果你有一个要显示的unix时间戳，可以以显示一个格式化的日期...
本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考，具体如下： 在开发中，经常会遇到这样的场景 如用户的性别分为“男”和“女”，在数据库中保存的值为1和0，用户在查看自己的性别时后端返回的值...
AngularJS提供了过滤器来对输入输出数据格式化。这篇文章主要介绍了Angularjs过滤器使用的相关资料,需要的朋友可以参考下
AngularJS的filter，中文名“过滤器”是用来过滤变量的值，或者格式化输出，得到自己所期望的结果或格式的东东。 Filter简介 Filter是用来格式化数据用的。 Filter的基本原型（ ‘|’ 类似于Linux中的管道模式）： ...
本文实例总结了AngularJS过滤器filter用法。分享给大家供大家参考，具体如下： 引言 filter过滤器对于我们来说并不陌生，他和我们现实生活中的过滤器的意思差不多，它的作用就是接收一个输入的值，然后按照某个规则...
过滤器用来格式化需要展示给用户的数据。在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器。以下是常用的过滤器。 大小写过滤器 {{ name | uppercase }} 大写过滤器 {{ name | lowercase}} 小写过滤器 实例...
系统的学习了一下...Filter是用来格式化数据用的。 Filter的基本原型（ ” 类似于Linux中的管道模式）： {{ expression filter }} Filter可以被链式使用（即连续使用多个filter）： {{ expression filter1 filt
在Angular中filter（过滤器）是为了显示数据的格式，它将$scope上的Model数据格式化View显示的数据绑定到DOM之上。它并不会负责ngModel的绑定值的格式化。 在Angular中ngModel作为Angular双向绑定中的重要组成部分，...
AnularJS的过滤器用来格式化需要展示给用户的数据，有很多实用的内置过滤器，也可以自己编写。 在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如，假设我们希望将字符串 转换成大写，可以对字符串中的每个...
本地化设置和AngularJS过滤器275 102处理翻译277 翻译AngularJS模板中的字符串277 使用过滤器278 使用指令279 翻译JavaScript代码中的字符串280 103范式、秘诀和技巧282 按照设定的地区初始化应用282 将地区...
本文实例讲述了AngularJS过滤器用法。分享给大家供大家参考，具体如下： 在前面几节里我们已经接触过AngularJS的表达式，表达式的作用是向视图中输出字面量或$scope对象中的属性值。在输出之前我们可以通过过滤器来...
过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提 供了方便的途径可以自己创建过滤器。 在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如:{{value|lowercase}}//将值...
主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase...