AngularJS复习-----内置过滤器和内置服务

标签：功能实现   anim   动画   指定   res   root   erb   mda   个数   

• $http 发送http请求，主要用于进行异步数据请求的功能实现，这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程请求
• $resource  创建一个可以restful服务器端数据源交互对象
• $location  用于返回当前页面的URL地址
• $window  浏览器的window元素的jquery包装
• $document  浏览器的document元素的jQuery包装
• $rootscope  跟作用域的访问
• $rootElement  根元素的访问
• $interval  提供对window.setInterval访问
• $timeout  提供对window.timeout访问
• $cookies提供对浏览器的cookie的读写访问
• $animate  提供动画钩子来同时链接到以CSS和javascript为基础的动画

AngularJS中的内置过滤器：

• currency【货币】用来指定货币类型  currency:‘￥‘:4-----4代表保留小数个数
• limitTo这个过滤器可以截取字符串 参数表示截取个数（-2，2）
• lowercase这个过滤器可以将字母转小写
• uppercase这个过滤器可以将字母转大写
• number这个过滤器可以数字格式化，控制小数
• orderBy这个过滤器可以对数组数据进行排序
• json这个过滤器可以将数据转换成json格式
• filter这个过滤器可以筛选数据
• date可以将日期格式化成需要的格式

其中date过滤器内置支持很多中本地格式化的日期，用起来也很方便，当然也可以使用moment.js插件来完成，这个插件也很强大！

• {{ today | date:‘medium‘ }}
• {{ today | date:‘short‘ }}
• {{ today | date:‘fullDate‘ }}
• {{ today | date:‘longDate‘ }}
• {{ today | date:‘mediumDate‘ }}
• {{ today | date:‘shortDate‘ }}
• {{ today | date:‘mediumTime‘ }}
• {{ today | date:‘shortTime‘ }}
• ? 年份格式化
• 四位年份：{{ today | date:‘yyyy‘ }}
• 两位年份：{{ today | date:‘yy‘ }}
• 一位年份：{{ today | date:‘y‘ }}
• ? 月份格式化
• 英文月份：{{ today | date:‘MMMM‘ }}
• 英文月份简写：{{ today | date:‘MMM‘ }}
• 数字月份：{{ today |date:‘MM‘ }}
• 一年中的第几个月份：{{ today |date:‘M‘ }}
• ? 日期格式化
• 数字日期：{{ today|date:‘dd‘ }}
• 一个月中的第几天：{{ today | date:‘d‘ }}
• 英文星期：{{ today | date:‘EEEE‘ }}
• 英文星期简写：{{ today | date:‘EEE‘ }}
• ? 小时格式化
• 24小时制数字小时：{{today|date:‘HH‘}}
• 一天中的第几个小时：{{today|date:‘H‘}}
• 12小时制数字小时：{{today|date:‘hh‘}}
• 上午或下午的第几个小时：{{today|date:‘h‘}}
• ? 分钟格式化
• 数字分钟数：{{ today | date:‘mm‘ }}
• 一个小时中的第几分钟：{{ today | date:‘m‘ }}
• ? 秒数格式化
• 数字秒数：{{ today | date:‘ss‘ }}
• 一分钟内的第几秒：{{ today | date:‘s‘ }}
• 毫秒数：{{ today | date:‘.sss‘ }}
• ? 字符格式化
• 上下午标识：{{ today | date:‘a‘ }}
• 四位时区标识：{{ today | date:‘Z‘ }}
• 下面是一些自定义日期格式的示例：
• {{ today | date:‘MMMd, y‘ }}
• {{ today | date:‘EEEE, d, M‘ }}
• {{ today | date:‘hh:mm:ss.sss‘ }}

AngularJS复习-----内置过滤器和内置服务

标签：功能实现   anim   动画   指定   res   root   erb   mda   个数   

原文地址：http://www.cnblogs.com/llff123/p/7137975.html