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

Posted 2020-09-27 小闹心lu

AngularJS中的内置服务（共30多个）：

• $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‘ }} <!-- Aug 09, 2013 12:09:02 PM -->
• {{ today | date:‘short‘ }} <!-- 8/9/1312:09PM -->
• {{ today | date:‘fullDate‘ }} <!-- Thursday, August 09, 2013 -->
• {{ today | date:‘longDate‘ }} <!-- August 09, 2013 -->
• {{ today | date:‘mediumDate‘ }}<!-- Aug 09, 2013 -->
• {{ today | date:‘shortDate‘ }} <!-- 8/9/13 -->
• {{ today | date:‘mediumTime‘ }}<!-- 12:09:02 PM -->
• {{ today | date:‘shortTime‘ }} <!-- 12:09 PM -->
• ? 年份格式化
• 四位年份：{{ today | date:‘yyyy‘ }} <!-- 2013 -->
• 两位年份：{{ today | date:‘yy‘ }} <!-- 13 -->
• 一位年份：{{ today | date:‘y‘ }} <!-- 2013 -->
• ? 月份格式化
• 英文月份：{{ today | date:‘MMMM‘ }} <!-- August -->
• 英文月份简写：{{ today | date:‘MMM‘ }} <!-- Aug -->
• 数字月份：{{ today |date:‘MM‘ }} <!-- 08 -->
• 一年中的第几个月份：{{ today |date:‘M‘ }} <!-- 8 -->
• ? 日期格式化
• 数字日期：{{ today|date:‘dd‘ }} <!-- 09 -->
• 一个月中的第几天：{{ today | date:‘d‘ }} <!-- 9 -->
• 英文星期：{{ today | date:‘EEEE‘ }} <!-- Thursday -->
• 英文星期简写：{{ today | date:‘EEE‘ }} <!-- Thu -->
• ? 小时格式化
• 24小时制数字小时：{{today|date:‘HH‘}} <!--00-->
• 一天中的第几个小时：{{today|date:‘H‘}} <!--0-->
• 12小时制数字小时：{{today|date:‘hh‘}} <!--12-->
• 上午或下午的第几个小时：{{today|date:‘h‘}} <!--12-->
• ? 分钟格式化
• 数字分钟数：{{ today | date:‘mm‘ }} <!-- 09 -->
• 一个小时中的第几分钟：{{ today | date:‘m‘ }} <!-- 9 -->
• ? 秒数格式化
• 数字秒数：{{ today | date:‘ss‘ }} <!-- 02 -->
• 一分钟内的第几秒：{{ today | date:‘s‘ }} <!-- 2 -->
• 毫秒数：{{ today | date:‘.sss‘ }} <!-- .995 -->
• ? 字符格式化
• 上下午标识：{{ today | date:‘a‘ }} <!-- AM -->
• 四位时区标识：{{ today | date:‘Z‘ }} <!--- 0700 -->
• 下面是一些自定义日期格式的示例：
• {{ today | date:‘MMMd, y‘ }} <!-- Aug9, 2013 -->
• {{ today | date:‘EEEE, d, M‘ }} <!-- Thursday, 9, 8-->
• {{ today | date:‘hh:mm:ss.sss‘ }} <!-- 12:09:02.995 -->