angular过滤器

过滤器改变显示方式：

一，angular中的内置过滤器

1.过滤￥,$符号

      |currency  (保留小数点后两位)  123456.789---->$123.456.78

      |currency:"￥"(显示人名币符号)

2.过滤日期

      |data  日期过滤  May 11,2017 

      |data:"yyyy-MM-dd"  年-月-日

      |data:"shortDate"    月/日/年

      |data:"yyyy-MM-dd HH:mm:ss"  年-月-日 时:分:秒

3.过滤数组 

      |Filter  搜索效果

4.过滤json

      |json  数据显示json格式

5.过滤limitTo    数组或字符串 

      |limitTo：3    截取数组前3项

6.把大写的转为小写

      |lowercase    全部小写  aBcDe--->abcde

7.过滤数字

    |number     

    如果字符串里边含有非数字的，则返回空串

    |number：3    保留三位小数

8.过滤参数为字符串的

    |orderBy：    参数是字符窜，

9.把小写的转为大写

    |upercase    全部大写  aBcDe--->ABCDE

二：自定义过滤器

创建自定义过滤器需要将它放到自己的模块中。

下面举例说明：

将name以首字母大写形式显示

{{name|lowercase|Capitalize}}

customfilter.js

(function () {

var app = angular.module(‘customFilter‘, []);

              app.controller(‘filterController‘,function ($scope) {

        $scope.name = ‘JACK‘;

});

app.filter(‘Capitalize‘, function () {

      return function (input) {

      if (input) {

          return input[0].toUpperCase() + input.slice(1);

      }

    };

});

})();