angularjs学习5--过滤器(二)
2016-03-30 20:58
429 查看
一、lowercase
lowercase 是将字符转变成小写,相对应的有upercase
{{ "San Francisco is very cloudy" | lowercase }} 显示为 san francisco is very cloudy
二、number
number其实有两个参数第一个是将数字变成文本,第二就是显示小数点后要出现的个数
例如
{{1.2344412 | number:2 }} 则显示1.23
三、orderBy
orderBy可接受两个参数,第一个参数是要排序的根据,第一个参数可以是函数,字符串,和数组,例如:
{{ [{ 'name': 'Ari', 'status': 'awake' },{ 'name': 'Q', 'status': 'sleeping' },{ 'name': 'Nate', 'status': 'awake' }] | orderBy:'name' }}
则是根基name排序
第二各参数是可选的,当第二个参数为true时,则将把排序的顺序进行翻转
lowercase 是将字符转变成小写,相对应的有upercase
{{ "San Francisco is very cloudy" | lowercase }} 显示为 san francisco is very cloudy
二、number
number其实有两个参数第一个是将数字变成文本,第二就是显示小数点后要出现的个数
例如
{{1.2344412 | number:2 }} 则显示1.23
三、orderBy
orderBy可接受两个参数,第一个参数是要排序的根据,第一个参数可以是函数,字符串,和数组,例如:
{{ [{ 'name': 'Ari', 'status': 'awake' },{ 'name': 'Q', 'status': 'sleeping' },{ 'name': 'Nate', 'status': 'awake' }] | orderBy:'name' }}
则是根基name排序
第二各参数是可选的,当第二个参数为true时,则将把排序的顺序进行翻转
相关文章推荐
- AngularJS Scope(作用域)
- AngularJS 应用入门
- $filter 在视图和控制器的使用以及自定义带参数的过滤器
- angularjs 嵌套控制器,子控制器访问父控制器
- Angularjs 设置全局变量的3种方法
- [AngularJS] 1. Angular JS的五大特性
- 【AngularJS】——核心特性之服务
- angular 日期与字符串互转
- angularjs中$q详解
- 关于angularJS绑定数据时自动转义html标签
- angular中 ng-if 指令中的ng-model等指令失效问题
- AngularJS的Provider, Value, Constant, Service, Factory, Decorator的区别与详解
- 由于angular ng-repeat只能写在标签上 循环对象的对象时遇到的问题及解决方法
- AngularJS 前端 MVC 的设计与搭建
- [angularjs] angularjs系列笔记(八)事件
- angular先加载页面再执行事件,特别在动态生成id,然后做echarts等图表
- AngularJS服务总结
- AngularJS浅谈
- AngularJS 动态设置select的默认selected
- ui-router搭建的angularjs模板