angularjs过滤器(一)------禁止转载------
如果用代码实现:将new Date()转换为 M/D/YY 00:00 格式。
启用过滤器有两种方式:①在HTML中用“|”启用过滤器。格式为{{$scope.property | filter:'name'}}
②在angularJS代码中启用$filter功能。首先依赖注入,$scope.prop=$filter('fitlterName')('value')
①的示例代码:
- <!DOCTYPE html>
- <html>
- <head>
- <title>angularTest</title>
- <script type="text/javascript" src='angular.min.js'></script>
- </head>
- <body>
- <div ng-app='myApp'>
- <div ng-controller='myController'>
- <div>{{today|date:'short'}}</div>
- </div>
- </div>
- </body>
- <script>
- var app=angular.module('myApp',[]);
- app.controller('myController',['$scope',function($scope){
- .$scope.today=new Date();
- }]);
- </script>
- </html>
②的示例代码:
- <!DOCTYPE html>
- <html>
- <head>
- <title>angularTest02</title>
- <script type="text/javascript" src='angular.min.js'></script>
- </head>
- <body>
- <div ng-app='myApp'>
- <div ng-controller='myController'>
- <div>{{today}}</div>
- </div>
- </div>
- </body>
- <script>
- var app=angular.module('myApp',[]);
- app.controller('myController',function($filter,$scope){
- $scope.today=$filter('date')(new Date(),'short');
- });
- </script>
- </html>
接下来是介绍$filter:
1、currency
可以将一串数字转换为货币格式,如:123456789 =>$1,234,567,890.00 ,货币符号为默认为$,可以自定义设置货币符号。
2、date
new Date() :2016-12-26T08:04:28.629Z
[-1-] 日期格式化
①medium :Dec 26, 2016 4:05:30 PM
②short :12/26/16 4:06 PM
③fullDate :Monday, December 26, 2016
④longDate :December 26, 2016
⑤mediumDate :Dec 26, 2016
⑥shortDate :12/26/16
⑦mediumTime:4:12:05 PM
⑧shortTime :4:12 PM
* 如果$scope.prop不是一个Date():①一串数字,date过滤器会把它当做毫秒数处理。②字符串,date过滤器不做处理,直接输出。
[-2-]年份格式化
①date:'y' :2016
②date:'yy':16
③date:'yyyy':2016
[-3-]月份格式化
date:'MMMM':December
date:'MMM':Dec
date:'MM':12(显示两位,如01,02 …)
date:'M':12
angularjs过滤器(一)------禁止转载------的更多相关文章
- AngularJS过滤器filter入门
在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值自然是1或0,前端要转换为“男”或“女”再显示出来: 如我要换个羽毛球拍, ...
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
今天遇到了这些问题索性就 写篇文章吧 话不多说直接上栗子 不管任何是HTML格式还是JS格式必须要在 controller 里面写 // new Date() 获取当前时间 yyyy-MM-ddd ...
- AngularJS 过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中 AngularJS 过滤器可用于转换数据: currency 格式化数字为货币格式. filter 从数组项中选择一个子集. lowercase ...
- AngularJS过滤器
1.过滤器可以使用一个管道字符(|)添加到表达式和指令中. 再次强调一点,所有的运行都要加入angularJS的库文件(类似JQuery的引用) 常见的AngularJS 过滤器 (1) lowerc ...
- AngularJS 深入理解 $scope 转载▼
AngularJS 深入理解 $scope 转载▼ (2015-04-07 14:09:50) $scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达 ...
- AngularJS学习之旅—AngularJS 过滤器(七)
1.AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式. filter ...
- AngularJS 1.x系列:AngularJS过滤器(4)
1. AngularJS过滤器(Filter)使用方法 AngularJS中过滤器(Filter)主要功能是格式化数据. AngularJS过滤器使用方法有3种: ◊ 在表达式{{}}中使用 ◊ 在指 ...
- DropDownListFor的种种纠结(禁止转载)
严重禁止转载,好多爬虫软件为了浏览到处抓东西,真缺德 具有键“CorpType”的 ViewData 项属于类型“System.Int64”,但它必须属于类型“IEnumerable<Selec ...
- AngularJS控制器和AngularJS过滤器的学习(3)
前面简单的学习了AngularJS的表达式和指令,就可以说大概对AngularJS有了一定的了解吧,嘿嘿,下面就来总结学习一下AngularJS的控制器和过滤器哦. 说起来AngularJS控制器,其 ...
随机推荐
- Wijmo 5 + Ionic Framework之:费用跟踪 App
Wijmo 5 + Ionic Framework之:费用跟踪 App 费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app. 我们基于<Mob ...
- CSS知识点:清除浮动
开场白 我们平时工作中,很容易遇到浮动效果.一个DIV中嵌套多个DIV,左边显示一个DIV,右边显示一个DIV,外层DIV的高度随着内层内容的高度变化.这就是最基本的浮动效果.下图的百度搜索结果就是一 ...
- 使用JSmooth制造java jar文件可以运行exe文件教程图像
这是我之前在个人博客3yj上面写的一篇文章,如今转载过来,原文地址 (这不是广告哦) 几年前,刚接触java的是.就想用一些方法把自己的劳动果实保护起来,曾经也用过非常多这种工具.有一个特别好用,今天 ...
- Libcurl最初的实现tfp上传和下载功能
研究报告指出的目标是使用libcurl实现ftp文件上传和下载功能 一.Libcurlde简要 Libcurl的而且易于使用的利用url进行文件传输的库. , libcurl当前支持DICT, FIL ...
- Liunx readlink命令
readlink命令 分类: Shell 2013-07-13 16:41 417人阅读 评论(0) 收藏 举报 readlink是linux系统中一个常用工具,主要用来找出符号链接所指向的位置. 在 ...
- sql分组合并字段重复项sql for xml path
-------------------------(情景描述) 在我们处理数据时,可能会碰到这种情景: Id Name 1 a,b 2 ...
- 数据类型和typeof操作符
虽然学习js有一段时间了,但是对js的基础语法却是有些生疏.最近在看jquery源码,决定随带总结一些基础的语法知识.今天总结一下数据类型和typeof,这在写js的时候,是不得不知道的知识. 数据类 ...
- 【值得收藏】符号计算软件Maple的学习资料汇编【可免费下载】
Maple学习教程 Maple是目前世界上最为通用的数学和工程计算软件之一,在数学和科学领域享有盛誉,有“数学家的软件”之称.Maple在全球拥有数百万用户,被广泛地应用于科学.工程和教育等领域,用户 ...
- WebService支持多平台上传文件的实现
WebService支持多平台上传文件的实现 要使用网站上传文件,在ASP.NET的范畴,我基本上能想到的有两类,一类是通过HTTP POST请求获得文件信息,另外一类是通过WebService或 ...
- CompareValues标签对Model中的属性进行验证
在Asp.Net MVC中实现CompareValues标签对Model中的属性进行验证 在Asp.Net MVC中可以用继承ValidationAttribute的方式,自定制实现Model两个 ...