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" ...
随机推荐
- 【前端】Vue2全家桶案例《看漫画》之一、添加四个导航页
转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_1.html 项目github地址:https://github.com/shamoyuu/ ...
- 3.3.1 Cache一致性的基本概念
PCI设备对可Cache的存储器空间进行DMA读写的操作的过程较为复杂,有关Cache一致性的话题可以独立成书.而不同的处理器系统使用的Cache Memory的层次结构和访问机制有较大的差异,这部分 ...
- HI3531例子程序说明
Hisilicon Hi35xx 样例程序使用说明 1. 样例程序文件结构说明 sample # MPP 样例程序 |-- common # hi35x ...
- freemarker中的left_pad和right_pad
freemarker中的left_pad和right_pad 1.简易说明 (1)left_pad 距左边 (2)right_pad 距右边 (3)当仅仅只有一个参数时,插入的是空白:当有两个参数时, ...
- 使用AspNetPager控件分页
页面后台写法 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } pro ...
- Linux系统 awk sed R脚本 python脚本传入变量
sed 传入变量: chrI="chr2";sed -n "/$chrI/p" clippointpos.csv #变量用$var表示,把sed的单引号变为双 ...
- e.preventDefault()和e.stopPropagation()以及return false的作用和区别
前段时间开发中,遇到一个父元素和子元素都有事件时,发现会出现事件冒泡现象,虽然知道ev.stopPropagation()和ev.preventDefault()其中一个是阻止事件冒泡和阻止默认行为, ...
- python urllib和urllib3包使用
urllib包 urllib是一个包含几个模块来处理请求的库.分别是: urllib.request 发送http请求 urllib.error 处理请求过程中,出现的异常. urllib.parse ...
- Luogu P1410 子序列
题目大意: 给定一个长度为\(N\)(\(N\)为偶数)的序列,] 问能否将其划分为两个长度为\(\frac{N}{2}\)的严格递增子序列, 输入一共有\(50\)组数据,每组数据保证\(N \le ...
- Gson解析json字符串、json数组转换成对象
实体类: public class Product { private int id; private String name; private String date; public int get ...