AngularJS过滤器

过滤器

过滤器用来格式化需要展示给用户的数据

调用方式：

• 在HTML中调用——在{{ }}中通过|符号来调用。
  如果需要传递参数给过滤器，只要在过滤器名字后面加冒号

{{ name | uppercase }} // 使用内置过滤器uppercase将字符串name转换成大写

• 在JS中调用

app.controller('ControllerName', ['$scope', '$filter',
       function($scope, $filter) {
            $scope.name = $filter('lowercase')('Ari');
}]);

AngularJS提供的内置过滤器

1. currency：将一个数值过滤为货币格式
2. date：将日期格式为需要的格式，AngularJS中内置了几种日期格式，如果没有指定使用任何格式，默认会采用mediumDate格式

// index.html

        {{ today | date:'xxxx' }}

// app.js
app.controller('myCtrl', function($scope) {
        $scope.today = new Date(2009, 1, 2, 7, 8, 9 , 27);
});

本地化日期格式
date:'medium'： Feb 2, 2009 7:08:09 AM
date:'short'： 2/2/09 7:08 AM
date:'fullDate'： Monday, February 2, 2009
date:'longDate'： February 2, 2009
date:'mediumDate'： Feb 2, 2009
date:'shortDate'： 2/2/09
date:'mediumTime'： 7:08:09 AM
date:'shortTime'： 7:08 AM
年份格式化
date:'yyyy'： 2009
date:'yy'： 09
date:'y'： 2009
月份格式化
date:'MMMM'(英文月份)： February
date:'MMM'（英文月份简写）： Feb
date:'MM'（数字月份）： 02
date:'M'（数字月份不补0）： 2
日期格式化
date:'dd'（数字日期）： 02
date:'d'（数字日期不补0）： 2
date:'EEEE'（英文星期）： Monday
date:'EEE'（英文星期简写）： Mon
小时格式化
date:'HH'（24制数字小时）： 07
date:'H'（24制不补0）： 7
date:'hh'（12制数字小时）： 07
date:'h'（12制不补0）： 7
分钟格式化
date:'mm'（数字分钟数）： 08
date:'m'（数字分钟数不补0）： 8
秒数格式化
date:'ss'（数字秒数）： 09
date:'s'（数值秒数不补0）： 9
date:'.sss'（毫秒数）： .027
字符格式化
date:'a'（上下午标识）： AM
date:'Z'（四位时区标识）： +0800

3. filter：从给定数组中选择一个子集，并将其生成一个新数组返回。过滤器的第一个参数可以是字符串、对象或是一个用来从数组中选择元素的函数
4. json：将一个JSON或JavaScript对象转换成字符串
5. limitTo：根据传入的参数生成一个新的数组或字符串，其长度为传入的参数。
   参数为正从前面截取；参数为负则从后面截取；若参数大于字符长度，则返回整个字符串
6. lowercase, uppercase：大小写转换
7. number：将数字格式化成文本。如果传入了一个非数字字符，会返会空字符串。
8. orderBy：对指定的数组进行排序