过滤器可以使用一个管道字符(|)添加到表达式和指令中。
下面来介绍一些常用的过滤器
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过滤器实现简单的分页,我们还可以自定义过滤器,这个在这里就不说了,希望大家能看得懂,有什么不好的或有错误的地方希望各位读者能指出来,大家一起学习!!!!!