Page 44 - AngularJS权威教程

24 第 7 章 过滤器

第7章

过滤器

过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提
供了方便的途径可以自己创建过滤器。
在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如，假设我们希望将字符串
转换成大写，可以对字符串中的每个字符都单独进行转换操作，也可以使用过滤器：

{{ name | uppercase }}
在JavaScript代码中可以通过$filter来调用过滤器。例如，在JavaScript代码中使用lowercase
过滤器：

app.controller('DemoController', ['$scope', '$filter',
function($scope, $filter) {

$scope.name = $filter('lowercase')('Ari');
}]);
以HTML的形式使用过滤器时，如果需要传递参数给过滤器，只要在过滤器名字后面加冒号
即可。如果有多个参数，可以在每个参数后面都加入冒号。例如，数值过滤器可以限制小数点后
的位数，在过滤器后写上:2可以将2作为参数传给过滤器：

<!-- 显示：123.46 -->
{{ 123.456789 | number:2 }}
可以用|符号作为分割符来同时使用多个过滤器，后面介绍自定义过滤器时就会看到相关的
例子。我们先来介绍AngularJS提供的内置过滤器。
1. currency

currecy过滤器可以将一个数值格式化为货币格式。用{{ 123 | currency }}来将123转化
成货币格式。
currecy过滤器允许我们自己设置货币符号。默认情况下会采用客户端所处区域的货币符号，
但是也可以自定义货币符号。

2. date
date过滤器可以将日期格式化成需要的格式。AngularJS中内置了几种日期格式，如果没有
指定使用任何格式，默认会采用mediumDate格式，下面的例子中展示了这个格式。

下面是内置的支持本地化的日期格式：