AngularJS 过滤器

过滤器能够使用一个管道字符（|）添加到表达式和指令中。

下面来介绍一些经常使用的过滤器

1.uppercase 过滤器将字符串格式化为大写和lowercase 过滤器将字符串格式化为小写

代码以下：

js部分：在controller（即一个控制器）里定义 $scope.name = 'aBcDeF';

html部分：

indexCtrl为controller的名字，最后在页面上显示的结果为ABCDEF和abcdef

2.currency 过滤器将数字格式化为货币格式和number 过滤器定义精确度：

代码以下：

js部分：在controller（即一个控制器）里定义 $scope.num = 12345;

html部分：

indexCtrl为controller的名字，最后在页面上显示的结果为：

3.date过滤器 日期格式化

代码以下:

js部分：在controller（即一个控制器）里定义 $scope.date = 1487131392000;//注：1970年到如今的毫秒数(时间戳)

html部分：

indexCtrl为controller的名字，最后在页面上显示的结果为：2017/02/15/12:03:12 Wednesday（年，月，日，时，分，秒......）

/不是固定的，也能够根据本身的喜爱用-来链接

4.filter 过滤器从数组中选择一个子集

代码以下：

js部分：在controller（即一个控制器）里定义一个数组，例如：

html部分：

最后在页面上显示的结果为：laoxie

也能够不将过滤的条件写死，经过ng-model指令来实现，代码以下：

js部分：在controller（即一个控制器）里定义 $scope.search = '';

html部分：

这样的话就能够经过输入框输入的相关内容来过滤了，能够本身去试试

5.orderBy 过滤器根据表达式排列数组

代码以下：

js部分：用以前定义的那个数组

html部分：

结果你们本身去测试了，在这里就很少说了，

filter 过滤器 和 orderBy 过滤器还能够搭配使用，有兴趣的朋友能够试试，搜索的同时排序。

6.limitTo过滤器:截取的长度  ：截取的起始坐标

代码以下：

js部分:用以前定义好的$scope.name = 'aBcDeF'。

html部分：

 

 

 

 

能够用limitTo过滤器实现简单的分页，咱们还能够自定义过滤器，这个在这里就不说了，但愿你们能看得懂，有什么很差的或有错误的地方但愿各位读者能指出来，你们一块儿学习！！！！！