详解AngularJS过滤器的使用.pdf

AnularJS 的过滤器用来格式化需要展示给用户的数据， 有很多实用的内置过滤器， 也可 以自己编写。 在 HTML 中的模板绑定符号 {{ }} 内通过 |符号来调用过滤器。例如，假设我们希望将字 符串 转换成大写，可以对字符串中的每个字符都单独进行转换操作，也可以使用过滤器： {{ name | uppercase }} 在 JavaScript 代码中可以通过 $filter 来调用过滤器。例如，在 JavaScript 代码中使用 lowercase 过滤器： app.controller(DemoController, [$scope, $filter, function($scope, $filter) { $scope.name = $filter(lowercase)(Ari); }]); 以 HTML 的形式使用过滤器时，如果需要传递参数给过滤器，只要在过滤器名字后面 加冒号 即可。 如果有多个参数，可以在每个参数后面都加入冒号。例如， 数值过滤器可以限制 小数点后 的位数，在过滤器后写上 :2 可以将 2 作为参数传给过滤器： lt;!-- 显示： 123.46 --gt; {{ 123.456789 | number:2 }} 1. currency currecy 过滤器可以将一个数值格式化为货币格式。用 {{ 123 | currency }} 来将 123 转化 成货币格式。 currecy 过滤器允许我们自己设置货币符号。默认情况下会采用客户端所处区域的货币 符号， 但是也可以自定义货币符号。 2. date date 过滤器可以将日期格式化成需要的格式。 AngularJS 中内置了几种日期格式，如果 没有 指定使用任何格式，默认会采用 mediumDate 格式，下面的例子中展示了这个格式。 下面是内置的支持本地化的日期格式： {{ today | date:medium }} lt;!-- Aug 09, 2013 12:09:02 PM --gt; {{ today | date:short }} lt;!-- 8/9/1312:09PM --gt; {{ today | date:fullDate }} lt;!-- Thursday, August 09, 2013 --gt; {{ today | date:longDate }} lt;!-- August 09, 2013 --gt; {{ today | date:mediumDate }}lt;!-- Aug 09, 2013 --gt; {{ today | date:shortDate }} lt;!-- 8/9/13 --gt; {{ today | date:mediumTime }}lt;!-- 12:09:02 PM --gt; {{ today | date:shortTime }} lt;!-- 12:09 PM --gt; 年份格式化 四位年份： {{ today | date:yyyy }} lt;!-- 2013 --gt; 两位年份： {{ today | date:yy }} lt;!-- 13 --gt; 一位年份： {{ today | date:y }} lt;!-- 2013 --gt; 月份格式化 英文月份： {{ today | date:MMMM }} lt;!-- August --gt; 英文月份简写： {{ today | date:MMM }} lt;!-- Aug --gt; 数字月份： {{ today |date:MM }} lt;!-- 08 --gt; 一年中的第几个月份：