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控制器,其 ...
随机推荐
- mysql存储过程及常用函数
原文:mysql存储过程及常用函数 一.函数 1.数学函数 CEIL()进一取整 SELECT CEIL(1.2);2 FLOOR()舍一取整 SELECT FLOOR(1.9);9 MOD取余数(取 ...
- validate大表单验证
Vaidate 插件 在前端开发中, 我们会遇到大表单的验证和组合成JSON, 这是一项巨大的任务, 如果都通过 手动编写低级代码来实现 50+ input类型的验证和复杂JSON的组装, 这无疑是异 ...
- 加密算法 MD5/SHA1
近来想学习函数式编程. 但是一直不知道怎么展开这个学习过程,目前的研究进度也不深入,想讲解一些原理也无从下手. 先简单的上一些算法,逐步分析语法和思想.虽然程度不深,但至少能记录这个过程. 本例子用F ...
- Markdown的使用
原文:http://wowubuntu.com/markdown/ git:https://gitcafe.com/riku/Markdown-Syntax-CN/ 记录一下Markdown的使用,I ...
- Html 导航
首页,来一个比较简单的例子热热身,相信有点css基础的人都可以看懂的.自所以,写一些教程,或许这样的教程已经泛滥啦,但是,还是想理理自己的思想来帮助自己及引导初学者更好的理解css. 1.竖直排列导航 ...
- 什么是Angular JS?
Angular JS学习笔记——什么是Angular JS? Angular JS是一个由Google维护的开源的Javascript框架,主要作者为: Misko Hevery(angular JS ...
- 协作图(通信图)collaboration diagram
协作图(通信图)collaboration diagram 系列文章 [UML]UML系列——用例图Use Case [UML]UML系列——用例图中的各种关系(include.extend) [UM ...
- 在ASP.NET MVC3 中利用Jsonp跨域访问
在ASP.NET MVC3 中利用Jsonp跨域访问 在信息系统开发的时,根据相关业务逻辑难免会多系统之间互相登录.一般情况下我们需要在多系统之间使用多个用户名和密码.这样客户就需要在多个系统之间重复 ...
- DateTime 格式化
在格式化的时候,希望输出2013/10/01 但可能实际的输出是2013-10-01. string s1 = result.Item1.ToString("yyyy/MM/dd" ...
- rcp(插件开发) 如何查找自己定义的扩展点
规则: 扩展点所在的插件ID(X)+扩展点的name(Y) 也就是 X.Y 具体代码 Platform.getExtensionRegistry().getExtensionPoint(X.Y).ge ...