36号。  

过滤器可以使用一个管道字符(|)添加到表达式和指令中。

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

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过滤器实现简单的分页,我们还可以自定义过滤器,这个在这里就不说了,希望大家能看得懂,有什么不好的或有错误的地方希望各位读者能指出来,大家一起学习!!!!!

 

posted on 2017-02-15 20:57  lady-ling  阅读(97)  评论(0编辑  收藏  举报