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. 关于Python深浅拷贝

    拷贝: 说明:原则上就是把数据分离出来,复制其数据,并以后修改互不影响. 何来深浅拷贝的说法? 深浅拷贝的“深”和“浅”可以理解为从变量到硬盘上的物理存储介质之间的层次的多少. 下面用一个示例来解释浅 ...

  2. Python基础(max,min方法)

    max函数(min函数使用方法一致): #-----------------max函数----------------- #max之简单层次的使用 li=[1,0,2,45,12,-2,7,9] re ...

  3. 【Android Studio安装部署系列】三十七、从Android Studio3.2升级到Android Studio3.4【以及创建Android Q模拟器】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 概述 保持Android Studio开发环境的最新版本. 下载Android Studio3.4 使用Android Studio自带的 ...

  4. keil教程之新建软件工程

    前言 工欲善其事,必先利其器.要学好52单片机,就要会用keil写程序.不然,谈何学习单片机.下面介绍keil的使用. keil简介 Keil C51是美国Keil Software公司出品的51系列 ...

  5. 【转】IIS上的反向代理

    http://blog.csdn.net/yuanguozhengjust/article/details/23576033 一直说在IIS上做反向代理,由于沉迷在nginx一行指令完事的美好情景当中 ...

  6. C# 以函数Action/Func/Task作为方法参数

    以Action.Func.Task作为方法参数,mark一下 以Action为参数 public void TestAction() { //Action参数 ExecuteFunction(() = ...

  7. Linux网络相关概念和修改IP地址的方法

    2.1.1  网卡的命名规则 CENTOS6的网卡命名方式:它会根据情况有所改变而非唯一且固定,在CENTOS6之前,网络接口使用连续号码命名: eth0. eth1等,当增加或删除网卡时,名称可能会 ...

  8. 20190409-层叠の层叠上下文、层叠水平、层叠顺序、z-index、伪元素层叠

    写在前面乱七八糟的前言: 此"八卦"的源于,在写下图这个圆滚滚的导航布局时,使用元素及其伪元素加上绝对定位完成,但遇到:before或:after伪元素与元素的层叠顺序,就是伪元素 ...

  9. (三) Keras Mnist分类程序以及改用交叉熵对比

    视频学习来源 https://www.bilibili.com/video/av40787141?from=search&seid=17003307842787199553 笔记 Mnist分 ...

  10. 荣耀7.0系统手机最简单激活Xposed框架的步骤

    对于喜欢玩手机的小伙伴来说,很多时候会使用到Xposed框架及各类功能彪悍的模块,对于5.0以下的系统版本,只要手机能获得Root权限,安装和激活Xposed框架是比较简便的,但随着系统版本的不断更新 ...