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. 1.6W star 的 JCSprout 阅读体验大提升

    万万没想到 JCSprout 截止目前居然有将近1.6W star.真的非常感谢各位大佬的支持. 年初时创建这个 repo 原本只是想根据自己面试与被面试的经历记录一些核心知识点,结果却是越写越多. ...

  2. Python中路径操作

    目录 1. os.path模块 2. pathlib模块 2.1 目录操作 2.2 文件操作 3. shutil模块 3.1 os模块 3.2 shutil模块 1. os.path模块 3.4版本之 ...

  3. 如何在ASP.NET Core程序启动时运行异步任务(3)

    原文:Running async tasks on app startup in ASP.NET Core (Part 3) 作者:Andrew Lock 译者:Lamond Lu 之前我写了两篇有关 ...

  4. Maven常用命令:

    Maven库: http://repo2.maven.org/maven2/ Maven依赖查询: http://mvnrepository.com/ 一,Maven常用命令: 1. 创建Maven的 ...

  5. Scrum Mastery:有效利用组织的5个步骤

    组织以什么样的方式能最大限度的发挥Scrum的优势?组织在哪些方面阻碍了个人的发展?Scrum是一种能使业务变得敏捷的框架.而组织恰恰需要变得敏捷.只是,组织本身有时候并没有足够的能力来帮助Scrum ...

  6. 微信公众号开发C#系列-4、获取接口调用凭证

    概述 获取接口调用凭证实质就是获取access_token.在微信接口开发中,许多服务的使用都离不开Access Token,Access Token相当于打开这些服务的钥匙,正常情况下会在7200秒 ...

  7. Android HandlerThread使用介绍以及源码解析

    摘要: 版权声明:本文出自汪磊的博客,转载请务必注明出处. 一.HandlerThread的介绍及使用举例              HandlerThread是什么鬼?其本质就是一个线程,但是Han ...

  8. Ubuntu16.04安装Qt5.12.2

    第一步:下载文件 https://download.qt.io/official_releases/qt/5.12/5.12.2/ 第二步:安装依赖库 sudo apt-get install bui ...

  9. 六大设计原则(四)ISP接口隔离原则(上)

    ISP的定义 首先明确接口定义 实例接口 我们在Java中,一个类用New关键字来创建一个实例.抛开Java语言我们其实也可以称为接口.假设Person zhangsan = new Person() ...

  10. js基础复习点

    1.变量   var num=10;       var num1,num2,num3;   num1=10;   num2=20;   num3=30;       var num1=10,num2 ...