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深浅拷贝
拷贝: 说明:原则上就是把数据分离出来,复制其数据,并以后修改互不影响. 何来深浅拷贝的说法? 深浅拷贝的“深”和“浅”可以理解为从变量到硬盘上的物理存储介质之间的层次的多少. 下面用一个示例来解释浅 ...
- Python基础(max,min方法)
max函数(min函数使用方法一致): #-----------------max函数----------------- #max之简单层次的使用 li=[1,0,2,45,12,-2,7,9] re ...
- 【Android Studio安装部署系列】三十七、从Android Studio3.2升级到Android Studio3.4【以及创建Android Q模拟器】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 概述 保持Android Studio开发环境的最新版本. 下载Android Studio3.4 使用Android Studio自带的 ...
- keil教程之新建软件工程
前言 工欲善其事,必先利其器.要学好52单片机,就要会用keil写程序.不然,谈何学习单片机.下面介绍keil的使用. keil简介 Keil C51是美国Keil Software公司出品的51系列 ...
- 【转】IIS上的反向代理
http://blog.csdn.net/yuanguozhengjust/article/details/23576033 一直说在IIS上做反向代理,由于沉迷在nginx一行指令完事的美好情景当中 ...
- C# 以函数Action/Func/Task作为方法参数
以Action.Func.Task作为方法参数,mark一下 以Action为参数 public void TestAction() { //Action参数 ExecuteFunction(() = ...
- Linux网络相关概念和修改IP地址的方法
2.1.1 网卡的命名规则 CENTOS6的网卡命名方式:它会根据情况有所改变而非唯一且固定,在CENTOS6之前,网络接口使用连续号码命名: eth0. eth1等,当增加或删除网卡时,名称可能会 ...
- 20190409-层叠の层叠上下文、层叠水平、层叠顺序、z-index、伪元素层叠
写在前面乱七八糟的前言: 此"八卦"的源于,在写下图这个圆滚滚的导航布局时,使用元素及其伪元素加上绝对定位完成,但遇到:before或:after伪元素与元素的层叠顺序,就是伪元素 ...
- (三) Keras Mnist分类程序以及改用交叉熵对比
视频学习来源 https://www.bilibili.com/video/av40787141?from=search&seid=17003307842787199553 笔记 Mnist分 ...
- 荣耀7.0系统手机最简单激活Xposed框架的步骤
对于喜欢玩手机的小伙伴来说,很多时候会使用到Xposed框架及各类功能彪悍的模块,对于5.0以下的系统版本,只要手机能获得Root权限,安装和激活Xposed框架是比较简便的,但随着系统版本的不断更新 ...