AngularJS复习-----内置过滤器和内置服务
- $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复习-----内置过滤器和内置服务的更多相关文章
- angularjs 构建主页 内置过滤器、日期的格式化
从构建负责管理主屏幕的 MainController 开始.在这个 MainController 控制器内,只需设置一个每秒运转一次,同时更新一个局部作用域变量的延时 angular.module(' ...
- apache shiro内置过滤器 标签 注解
内置过滤器 anon(匿名) org.apache.shiro.web.filter.authc.AnonymousFilter authc(身份验证) org.apache.shiro ...
- Asp.Net Core MVC框架内置过滤器
第一部分.MVC框架内置过滤器 下图展示了Asp.Net Core MVC框架默认实现的过滤器的执行顺序: Authorization Filters:身份验证过滤器,处在整个过滤器通道的最顶层.对应 ...
- Django内置过滤器详解附代码附效果图--附全部内置过滤器帮助文档
前言 基本环境 Django版本:1.11.8 Python版本:3.6 OS: win10 x64 本文摘要 提供了常用的Django内置过滤器的详细介绍,包括过滤器的功能.语法.代码和效果示例. ...
- Shiro内置过滤器
Shiro内置过滤器 DefaultFilter 枚举类定义了shiro所有的默认过滤器. package org.apache.shiro.web.filter.mgt; public enum D ...
- awk(流程控制、内置变量、内置函数、数组)
摘自:http://bbs.51cto.com/thread-883948-1-1.html awk(流程控制.内置变量.内置函数.数组) ... 参考其他的资料,给大家看看.一.awk流程控制语句 ...
- JavaScript基础:BOM的常见内置方法和内置对象
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三 ...
- JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)
JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM B ...
- Angular.js之内置过滤器学习笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
随机推荐
- R语言︱SNA-社会关系网络—igraph包(中心度、中心势)(二)
每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- SNA社会关系网络分析中,关键的就是通过一些指 ...
- 【linux】linux下网络的配置
linux网络的配置 一.配置网络vi /etc/sysconfig/network 配置网络vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE= ...
- Java获取当前的年月
今天,我在尝试从数据库取数据的过程中,发现页面初始化时需要给时间控件赋初值.于是,我就写了一个获取当前年月的时间工具类. 1.具体源码如下: YearAndMonth.java: /** * @Tit ...
- JavaScript实现弹窗报错
JavaScript实现弹窗报错 1.具体错误如下 SCRIPT 5022:cannot call methods on dialog prior to initialization; attempt ...
- but the supplied types were (flex.messaging.io.amf.ASObject) and converted to (null)."
1.错误描述 [RPC Fault faultString="Cannot invoke method 'saveOrUpdate'. " faultCode="Ser ...
- css补充
(一)水平对齐1.使用margin属性水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素.除非已经声明了 !DOCTYPE,否则使用 margin:auto 在 IE8 ...
- 【BZOJ5093】图的价值(第二类斯特林数,组合数学,NTT)
[BZOJ5093]图的价值(第二类斯特林数,组合数学,NTT) 题面 BZOJ 题解 单独考虑每一个点的贡献: 因为不知道它连了几条边,所以枚举一下 \[\sum_{i=0}^{n-1}C_{n-1 ...
- SPOJ3267:D-query
题面 SPOJ3267 Sol 给定\(N\)个正整数构成的序列,将对于指定的闭区间查询其区间内的不同的数的个数 主席树 不是权值线段树 维护位置 如果插入一个数时发现之前有过了 那么修改当前的,那个 ...
- Luogu[POI2005]KOS-Dicing
题面 二分后用网络流判定 S->人,流量为二分的mid 人->比赛,流量为1 比赛->T,流量为1 输出方案只要判断a就可以了 # include <bits/stdc++.h ...
- [HNOI2015]开店
如果没有年龄区间 画图发现ans=\(\sum_{i=1}^n dis_i + n * dis_u - 2 * \sum_{i=1}^{n} dis_{lca(i, u)}\) 对\(\sum_{i= ...