首页 > Web开发 > 详细

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

时间:2017-07-08 21:42:35      阅读:364      评论:0      收藏:0      [点我收藏+]
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 -->

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!