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

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 -->
时间: 2024-12-21 02:40:00

AngularJS复习-----内置过滤器和内置服务的相关文章

Django内置过滤器详解附代码附效果图--附全部内置过滤器帮助文档

前言 基本环境 Django版本:1.11.8 Python版本:3.6 OS: win10 x64 本文摘要 提供了常用的Django内置过滤器的详细介绍,包括过滤器的功能.语法.代码和效果示例. 本文完整项目文件代码下载地址:完整示例 Django完整内置过滤器帮助文档:Django内置过滤器完整版 参考文献:Django 中文文档 1.8 内置过滤器 注意:所有带参数的过滤器,在使用时,冒号:和参数中间不能有空格. add加 功能: 把add后的参数num加给value: 数字相加会进行算

Shiro内置过滤器

Shiro内置过滤器 DefaultFilter 枚举类定义了shiro所有的默认过滤器. package org.apache.shiro.web.filter.mgt; public enum DefaultFilter { anon(AnonymousFilter.class), authc(FormAuthenticationFilter.class), authcBasic(BasicHttpAuthenticationFilter.class), logout(LogoutFilte

JSP内置对象——九大内置对象简介与四种作用域范围以及Web程序的请求和响应模式

最近在学习JSP相关基础知识,我们都知道JSP当中存在一组不使用new关键字就可以在脚本和表达式中使用的对象,在Web开发中经常使用.为了能更好的理解这些对象,在此对JSP内置对象作一些归纳. 目录: JSP内置对象——九大内置对象简介与四种作用域范围以及Web程序的请求和响应模式 JSP内置对象——out(待更新) JSP内置对象——request/response(待更新) JSP内置对象——session(待更新) JSP内置对象——application(待更新) JSP内置对象——其他

JavaScript基础:BOM的常见内置方法和内置对象

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 什么是BOM BOM

jsp九大内置对象el11内置对象

虽然现在基本上使用SpringMVC+AJAX进行开发了Java Web了,但是还是很有必要了解一下JSP的九大内置对象的.像request.response.session这些对象,即便使用其他框架也是会经常用到的.因此十分有了解的必要. 这些对象可以在JSP页面中调用,而不需要事先定义,这使得JSP编程更加的方便和快捷.其实这些内置对象都对应着某个Servlet类,在JSP被翻译成Servlet之后,这些内置对象会相应转换成对应的类实例. JSP中使用到的内置对象主要有如下九个: 1 2 3

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ???????Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图: ???分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象. ?????? 2.dom是bom的一部分 ?????? 3.

AngularJS 讲解,三 过滤器

过滤器用来格式化需要展示给用户的数据.AngularJS有很多实用的内置过滤器,同时也提供了方便的途径可以自己创建过滤器. 在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器.例如:{{value|lowercase}}//将值转换成小写 在JavaScript代码中可以通过$filter来调用过滤器 例: app.controller('DemoController', ['$scope', '$filter', function($scope, $filter) { $scope.

AngularJS(六)——过滤器

过滤器用来格式化需要展示给用户的数据.AngularJS有很多实用的内置过滤器,同时也提供了方便的途径可以自己创建过滤器. 在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器.将字符串转换成大写:{{ name | uppercase }} 内置过滤器: 1.  currency currecy 过滤器可以将一个数值格式化为货币格式.用 {{ 123 | currency }} 来将123转化成货币格式. 2.  date date 过滤器可以将日期格式化成需要的格式.Angu

VMware厚置备延迟置零,厚置备置零,精简置备详解

本文详细介绍VMware厚置备延迟置零,厚置备置零,精简置备的概念及选择使用 1.厚置备延迟置零(zeroed thick) 以默认的厚格式创建虚拟磁盘.创建过程中为虚拟磁盘分配所需空间.创建时不会擦除物理设备上保留的任何数据,但是以后从虚拟机首次执行写操作时会按需要将其置零. 简单的说就是立刻分配指定大小的空间,空间内数据暂时不清空,以后按需清空. 2.厚置备置零(eager zeroed thick) 创建支持群集功能(如 FaultTolerance)的厚磁盘.在创建时为虚拟磁盘分配所需的