Angular 基本内置服务和筛选器
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 基本内置服务和筛选器的更多相关文章
- angularJS使用内置服务
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...
- Hive 学习笔记(启动方式,内置服务)
一.Hive介绍 Hive是基于Hadoop的一个数据仓库,Hive能够将SQL语句转化为MapReduce任务进行运行. Hive架构图分为以下四部分. 1.用户接口 Hive有三个用户接口: 命令 ...
- AngularJS复习-----内置过滤器和内置服务
AngularJS中的内置服务(共30多个): $http 发送http请求,主要用于进行异步数据请求的功能实现,这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程请 ...
- Protrator 官网和下载工具稍慢 , 但能使用. Angular CLI 内置 官方推荐 TS的 demo 不明显 , 而且依赖无法安装
npm uninstall -g protractor && cnpm install -g protractor && protractor --version 复 ...
- Hive基础(4)---Hive的内置服务
版权声明:<—— 本文为作者呕心沥血打造,若要转载,请注明出处@http://blog.csdn.net/gamer_gyt <—— 目录(?)[+] 一:Hive的几种内置服务 ...
- Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器)
Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器) 1.初始函数 2.函数嵌套及作用域 3.装饰器 4.迭代器和生成器 6.内置函数 7.递归函数 8.匿名函数
- day 12 内置函数,装饰器,递归函数
内置函数 内置函数:python给咱们提供了一些他认为你会经常用到的函数,68种 内置函数 abs() dict() help() min() setattr() all() di ...
- 微软企业库5.0 学习之路——第五步、介绍EntLib.Validation模块信息、验证器的实现层级及内置的各种验证器的使用方法——下篇
一.独立验证器 我上篇中我将AndCompositeValidator和OrCompositeValidator归为独立验证器,这2个验证器主要是为了第一类验证服务,可以进行多种验证组合在一起进行复杂 ...
- Python学习【第5篇】:Python之函数(自定义函数,内置函数,装饰器,迭代器,生成器、模块)
一.为什么要使用函数? 1.避免代码重用 2.提高代码的可读性 二.函数的定义与调用 1. def 函数名(参数1,参数2): ''' 函数注释''' print('函数体') return 返回值 ...
随机推荐
- python接口自动化(三)--如何设计接口测试用例(详解)
简介 上篇我们已经介绍了什么是接口测试和接口测试的意义.在开始接口测试之前,我们来想一下,如何进行接口测试的准备工作.或者说,接口测试的流程是什么?有些人就很好奇,接口测试要流程干嘛?不就是拿着接口文 ...
- ASP.NET Core中使用GraphQL - 第九章 在GraphQL中处理多对多关系
ASP.NET Core中使用GraphQL ASP.NET Core中使用GraphQL - 第一章 Hello World ASP.NET Core中使用GraphQL - 第二章 中间件 ASP ...
- LindAgile.SchedulingTask~设计一个不错的任务调度组件
回到目录 SchedulingTask产生的原因 任务调试主要指定期执行某些任务代码,之前用过quartz,感觉有些重,使用时需要添加包包,配置管理项时,对于简单的项目用它就显得有些臃肿了,不如直接上 ...
- unity+xlua开发中的问题笔记
转载请标明出处:http://www.cnblogs.com/zblade/ 一.概述 整理遇到的一些较难处理的bug,总结相关经验 二.主要问题 2.1 material类型的依赖修改 对于mate ...
- 图像检索(2):均值聚类-构建BoF
在图像检索时,通常首先提取图像的局部特征,这些局部特征通常有很高的维度(例如,sift是128维),有很多的冗余信息,直接利用局部特征进行检索,效率和准确度上都不是很好.这就需要重新对提取到的局部特征 ...
- .net core入门-发布及部署_异常(处理程序“aspNetCore”在其模块列表中有一个错误模块“AspNetCoreModuleV2")处理
备注:本人使用开发工具:VS2017,.NET Core 2.2,其中VS2017原本自带2.1,我单独从官网下载了2.2的程序集安装包,但是没有下配套的运行环境,运行项目时出了一个问题. 以下是我在 ...
- C#工具:反射帮助类 泛型反射帮助类
反射帮助类 using System; using System.Reflection; using System.Data; using System.Drawing; using System.R ...
- OPP的三大特征之封装总结
'''封装: 1.什么是封装? 封装是把什么东西装到容器中,再封闭起来 与隐藏有相似之处,但不是单纯的隐藏 官方解释:封装是指对外部隐藏实现细节,并提供简单的使用接口 封装的好处: 1.提高安全性 2 ...
- 你不可不知的Java引用类型之——Reference源码解析
定义 Reference是所有引用类型的父类,定义了引用的公共行为和操作. reference指代引用对象本身,referent指代reference引用的对象,下文介绍会以reference,ref ...
- 利用更快的r-cnn深度学习进行目标检测
此示例演示如何使用名为“更快r-cnn(具有卷积神经网络的区域)”的深度学习技术来训练对象探测器. 概述 此示例演示如何训练用于检测车辆的更快r-cnn对象探测器.更快的r-nnn [1]是r-cnn ...