zoukankan      html  css  js  c++  java
  • Angular 基本内置服务和筛选器

    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 -->
  • 相关阅读:
    Infopath Notify 弹出提示信息
    window.showModalDialog 返回值
    【转】获得正文内容中的所有img标签的图片路径
    Json Datable Convert
    Sharepoint 列表 附件 小功能
    Surgey 权限更改
    SQL 触发器用于IP记录转换
    Caml语句 查询分配给当前用户及当前组
    jquery 1.3.2 auto referenced when new web application in VSTS2010(DEV10)
    TFS diff/merge configuration
  • 原文地址:https://www.cnblogs.com/yaohe/p/10577078.html
Copyright © 2011-2022 走看看