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:fake-useragent 伪装请求头
写爬虫的时候,在进行 request 请求的时候,多数情况下需要添加请求头,否则就不能正常请求. 添加请求头最常用的做法是修改 User-Agent 来伪装浏览器. 以前在写请求头的时候,都是通过 c ...
- C#语法——泛型的多种应用
本篇文章主要介绍泛型的应用. 泛型是.NET Framework 2.0 版类库就已经提供的语法,主要用于提高代码的可重用性.类型安全性和效率. 泛型的定义 下面定义了一个普通类和一个泛型类,我们可以 ...
- cocos creator主程入门教程(九)—— 瓦片地图
五邑隐侠,本名关健昌,10年游戏生涯,现隐居五邑.本系列文章以TypeScript为介绍语言. 这一篇介绍瓦片地图,在开发模拟经营类游戏.SLG类游戏.RPG游戏,都会使用到瓦片地图.瓦片地图地面是通 ...
- 简简单单的Vue4(vue-cie@3.x,vue’Debug[调试],vue‘sHttp)
既然选择了远方,便只顾风雨兼程! __HANS许 系列:零基础搭建前后端分离项目 系列:零基础搭建前后端分离项目 vue-cli@3.x 创建项目 Vue的Debug(调试) Vue的Http请求 提 ...
- 调用链监控 CAT 之 入门
简介 CAT 是一个实时和接近全量的监控系统,它侧重于对Java应用的监控,基本接入了美团上海所有核心应用.目前在中间件(MVC.RPC.数据库.缓存等)框架中得到广泛应用,为美团各业务线提供系统的性 ...
- Java并发编程实战 之 对象的共享
上一篇介绍了如何通过同步多个线程避免同一时刻访问相同数据,本篇介绍如何共享和发布对象,使它们被安全地由多个进程访问. 1.可见性 通常,我们无法保证执行读操作的线程能看到其他线程写入的值,因为每个线程 ...
- connection holder is null新增解决方案(2018-06-02)
最近在做Java后台的项目,用到了druid数据库连接池,阿里出品,肯定是精品的意思咯,这也是我们老大搭建的框架,我就站在前人的肩膀上飞翔了.先前在一个事物里,使用了多条数据库操作,都是正常的,但是前 ...
- Spring注解AOP及单元测试junit(6)
2019-03-10/20:19:56 演示:将xml配置方式改为注解方式 静态以及动态代理推荐博客:https://blog.csdn.net/javazejian/article/details/ ...
- Android远程桌面助手(B1185)for Android P开发者预览版
Android P的开发者预览版已出,其中App compatibility changes部分特别强调“The platform restricts the use of some non-SDK ...
- tomat 欢迎页面设置在WEB-INF目录下时不显示问题
<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://w ...