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 -->

Angular 基本内置服务和筛选器的更多相关文章

  1. angularJS使用内置服务

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...

  2. Hive 学习笔记(启动方式,内置服务)

    一.Hive介绍 Hive是基于Hadoop的一个数据仓库,Hive能够将SQL语句转化为MapReduce任务进行运行. Hive架构图分为以下四部分. 1.用户接口 Hive有三个用户接口: 命令 ...

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

    AngularJS中的内置服务(共30多个): $http 发送http请求,主要用于进行异步数据请求的功能实现,这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程请 ...

  4. Protrator 官网和下载工具稍慢 , 但能使用. Angular CLI 内置 官方推荐 TS的 demo 不明显 , 而且依赖无法安装

    npm uninstall -g protractor  && cnpm install -g protractor && protractor --version 复 ...

  5. Hive基础(4)---Hive的内置服务

    版权声明:<—— 本文为作者呕心沥血打造,若要转载,请注明出处@http://blog.csdn.net/gamer_gyt <——   目录(?)[+]   一:Hive的几种内置服务 ...

  6. Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器)

    Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器) 1.初始函数 2.函数嵌套及作用域 3.装饰器 4.迭代器和生成器 6.内置函数 7.递归函数 8.匿名函数

  7. day 12 内置函数,装饰器,递归函数

    内置函数 内置函数:python给咱们提供了一些他认为你会经常用到的函数,68种      内置函数     abs() dict() help() min() setattr() all()  di ...

  8. 微软企业库5.0 学习之路——第五步、介绍EntLib.Validation模块信息、验证器的实现层级及内置的各种验证器的使用方法——下篇

    一.独立验证器 我上篇中我将AndCompositeValidator和OrCompositeValidator归为独立验证器,这2个验证器主要是为了第一类验证服务,可以进行多种验证组合在一起进行复杂 ...

  9. Python学习【第5篇】:Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器、模块)

    一.为什么要使用函数? 1.避免代码重用 2.提高代码的可读性 二.函数的定义与调用 1. def  函数名(参数1,参数2): ''' 函数注释''' print('函数体') return 返回值 ...

随机推荐

  1. 【TensorFlow篇】--Tensorflow框架初始,实现机器学习中多元线性回归

    一.前述 TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统,其命名来源于本身的运行原理.Tensor(张量)意味着N维数组,Flow(流)意味着基于数据流图的计算,T ...

  2. 网站集群架构(LVS负载均衡、Nginx代理缓存、Nginx动静分离、Rsync+Inotify全网备份、Zabbix自动注册全网监控)--技术流ken

    前言 最近做了一个不大不小的项目,现就删繁就简单独拿出来web集群这一块写一篇博客.数据库集群请参考<MySQL集群架构篇:MHA+MySQL-PROXY+LVS实现MySQL集群架构高可用/高 ...

  3. Python 里的「单分派泛函数」到底是什么?

    泛型,如果你学过Java ,应该对它不陌生吧.但你可能不知道在 Python 中(3.4+ ),也可以实现简单的泛型函数. 在Python中只能实现基于单个(第一个)参数的数据类型来选择具体的实现方式 ...

  4. Nginx反向代理和Node.js后端解决跨域问题

    最近在写自己的博客,涉及到跨域的问题,自己捣鼓许久,终于解决了.然后总结一下,记录一下,日后遇到类似的问题的时候也可以得到一些启发. 一.什么是跨域 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏 ...

  5. C#工具:ASP.NET MVC单例模式(懒汉)实现文件上传

    1.SingletonConfigRead帮助类 using System; using System.Collections.Generic; using System.IO; using Syst ...

  6. ASP.Net Mvc实现自定义User Identity用户身份识别系统(1)

    目的 当我们新建asp.net mvc 项目时,我们在使用下图所示的代码是否有以下思考: 1,在this.User.Identity.Name,为什么可以使用this便可以选中Name属性: 2,若项 ...

  7. Ajax的面试题

    一.什么事Ajax?为什么要用Ajax?(谈谈对Ajax的认识) 什么是Ajax: Ajax是“Asynchronous JavaScript and XML”的缩写.他是指一种创建交互式网页应用的网 ...

  8. java基础(四):谈谈java中的IO流

    1.字节流 1.1.字节输出流output 1.1.1.数据写入文件中 通过api查找output.找到很多,其中java.io.OutputStream,OutputStream: 输出字节流的超类 ...

  9. 自动化测试 Appium之Python运行环境搭建 Part1

    Appium之Python运行环境搭建 Part1 by:授客 QQ:1033553122 实践环境 Win7 Python 3.4.0 JAVA JDK 1.8.0_121 node.js8.11. ...

  10. 业务与IT技术

    最近听一个同事又再次提问关于业务比技术重要,是真的吗? 今天我们再来看一下.      一,什么是业务? 业务意指某种有目的的工作或工作项目.技术可以指人类对机器.硬件或人造器皿的运用,但它也可以包含 ...