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复习-----内置过滤器和内置服务的更多相关文章

  1. angularjs 构建主页 内置过滤器、日期的格式化

    从构建负责管理主屏幕的 MainController 开始.在这个 MainController 控制器内,只需设置一个每秒运转一次,同时更新一个局部作用域变量的延时 angular.module(' ...

  2. apache shiro内置过滤器 标签 注解

    内置过滤器 anon(匿名)  org.apache.shiro.web.filter.authc.AnonymousFilter authc(身份验证)       org.apache.shiro ...

  3. Asp.Net Core MVC框架内置过滤器

    第一部分.MVC框架内置过滤器 下图展示了Asp.Net Core MVC框架默认实现的过滤器的执行顺序: Authorization Filters:身份验证过滤器,处在整个过滤器通道的最顶层.对应 ...

  4. Django内置过滤器详解附代码附效果图--附全部内置过滤器帮助文档

    前言 基本环境 Django版本:1.11.8 Python版本:3.6 OS: win10 x64 本文摘要 提供了常用的Django内置过滤器的详细介绍,包括过滤器的功能.语法.代码和效果示例. ...

  5. Shiro内置过滤器

    Shiro内置过滤器 DefaultFilter 枚举类定义了shiro所有的默认过滤器. package org.apache.shiro.web.filter.mgt; public enum D ...

  6. awk(流程控制、内置变量、内置函数、数组)

    摘自:http://bbs.51cto.com/thread-883948-1-1.html awk(流程控制.内置变量.内置函数.数组) ... 参考其他的资料,给大家看看.一.awk流程控制语句 ...

  7. JavaScript基础:BOM的常见内置方法和内置对象

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三 ...

  8. JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

    JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ​      B ...

  9. Angular.js之内置过滤器学习笔记

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

随机推荐

  1. R语言︱SNA-社会关系网络—igraph包(中心度、中心势)(二)

    每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- SNA社会关系网络分析中,关键的就是通过一些指 ...

  2. 【linux】linux下网络的配置

    linux网络的配置 一.配置网络vi  /etc/sysconfig/network 配置网络vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE= ...

  3. Java获取当前的年月

    今天,我在尝试从数据库取数据的过程中,发现页面初始化时需要给时间控件赋初值.于是,我就写了一个获取当前年月的时间工具类. 1.具体源码如下: YearAndMonth.java: /** * @Tit ...

  4. JavaScript实现弹窗报错

    JavaScript实现弹窗报错 1.具体错误如下 SCRIPT 5022:cannot call methods on dialog prior to initialization; attempt ...

  5. but the supplied types were (flex.messaging.io.amf.ASObject) and converted to (null)."

    1.错误描述 [RPC Fault faultString="Cannot invoke method  'saveOrUpdate'. " faultCode="Ser ...

  6. css补充

    (一)水平对齐1.使用margin属性水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素.除非已经声明了 !DOCTYPE,否则使用 margin:auto 在 IE8 ...

  7. 【BZOJ5093】图的价值(第二类斯特林数,组合数学,NTT)

    [BZOJ5093]图的价值(第二类斯特林数,组合数学,NTT) 题面 BZOJ 题解 单独考虑每一个点的贡献: 因为不知道它连了几条边,所以枚举一下 \[\sum_{i=0}^{n-1}C_{n-1 ...

  8. SPOJ3267:D-query

    题面 SPOJ3267 Sol 给定\(N\)个正整数构成的序列,将对于指定的闭区间查询其区间内的不同的数的个数 主席树 不是权值线段树 维护位置 如果插入一个数时发现之前有过了 那么修改当前的,那个 ...

  9. Luogu[POI2005]KOS-Dicing

    题面 二分后用网络流判定 S->人,流量为二分的mid 人->比赛,流量为1 比赛->T,流量为1 输出方案只要判断a就可以了 # include <bits/stdc++.h ...

  10. [HNOI2015]开店

    如果没有年龄区间 画图发现ans=\(\sum_{i=1}^n dis_i + n * dis_u - 2 * \sum_{i=1}^{n} dis_{lca(i, u)}\) 对\(\sum_{i= ...