AngularJs过滤器

内置过滤器

1、currency（货币处理）

　　currency可以将数字格式转化为货币的形式，如果不传参数，默认为$。

{{num|currency:"￥"}}

　　展现的形式为￥xxx。

2、date（日期格式化）

　　angular中提供的date过滤器能够满足一般的时间格式要求。

{{date|date:'y-m-d h:m:s EEEE'}}

　　展现形式为：年-月-日 时：分：秒 星期，它们之间的格式可以自由组合，脱离了原生js中的单调和复杂性。

3、filter（匹配字符串）

　　filter用来处理数组，然后可以挑选出含有的所选中的子串元素，作为子数组来返回。可以是字符串数组，也可以是对象数组。如果是对象数组，可以匹配属性的值，它接受一个参数，来定义子串的规则。

$scope.arr = ["Monday","Tuesday","星期三","星期四","周五","周六"];

<li>{{arr|filter:'d'}}</li>
<li>{{arr|filter:'周'}}</li>

　　它能选出数组中含有字母“d”、含有汉子“周”的元素，然后分别以数组的形式返回。

4、json（格式化json对象）

　　json过滤器可以把一个js对象格式化为json字符串，没有参数。这东西有什么用呢，官网说它 可以用来进行调试，嗯，是个不错的选择。或者，也可以用在js中使用，作用就和我们熟悉的JSON.stringify()一样。

{{ jsonTest | json}}

5、limitTo（限制数组长度或字符串长度）

　　limitTo过滤器用来截取数组或者字符串的长度，接收一个参数用来指定要截取的数组或者字符串的长度，如果值为负数，那么就从数组或者字符串的尾部开始截取。

<li>{{arr|limitTo:'3'}}</li>

　　它会截取数组arr的前三位，然后以数组的形式返回。

6、lowercase（小写格式）

　　把英文字母全部转化成小写的形式，也没有太大的用处。没有参数。

<li>{{da|lowercase}}</li>

　　这里只能转换英文，遇到其他的则不转换。

7、uppercase（大写格式）

　　这个的写法跟lowercase相同。

8、number（格式化数字）

　　number过滤器可以为一串数字进行分位，相当于千位分割符，如：123,456,789。可以接收一个参数，指定float类型保留几位小数。

<li>{{num|number:2}}</li>

　　这个就表示保留小数点后两位。

9、orderBy（排序）

　　orderBy过滤器可以将数组中的元素进行排序，接收一个参数指定排序的规则，参数可以是字符串，表示以这个属性名称进行排序；可以是一个函数，定义排序属性；可以是一个数组，表示依次按数组的属性值进行排序。

$scope.err = [
            {name : 'jack',age : 30},
            {name : 'mack',age : 24},
            {name : 'sunny',age : 28},
            {name : 'jim',age : 20},
            ]

<li>{{err|orderBy:'age':true}}</li>

　　这个就是以age的从大到小进行排序。

自定义过滤器

<div ng-controller = 'con'>
        <div>{{msg|prz}}</div>
    </div>
    <script src="public/libs/angular/angular.min.js"></script>
    <script>
        var App = angular.module('App',[]);
        App.controller('con',['$scope',function($scope){
            $scope.msg = 'you can kill';
        }])
        App.filter('prz',function(){
            return function(z){
                return z[0].toUpperCase()+z.slice(1); 
            }
        })
    </script>

　　上面代码表示，自定义一个首字母大写的过滤器。