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控制器,其 ...
随机推荐
- SSIS中Sql Task 获取系统变量
原文:SSIS中Sql Task 获取系统变量 执行 SQL 任务使用不同的连接类型时,SQL 命令的语法使用不同的参数标记.例如,ADO.NET 连接管理器类型要求 SQL 命令使用格式为 @var ...
- Linux Shell脚本入门--Uniq命令
uniq uniq命令可以去除排序过的文件中的重复行,因此uniq经常和sort合用.也就是说,为了使uniq起作用,所有的重复行必须是相邻的. uniq语法 [root@www ~]# uniq [ ...
- 轨道sql谈话 dbms_monitor
经常会遇到一个会话存在sql性能问题,但找不到哪一个sql导致DB更高的性能问题,这是我们需要在此session通过监测dbms_monitor软件包来实现. 首先确定要监控的会话sid及serial ...
- ps入门教程:裁剪工具、修复画笔工具、图章工具的使用
本节课程主要内容:学习裁剪工具.污点修复画笔工具.修复画笔工具.修补工具.套索工具.红眼工具.仿制图章工具和图案图 章工具的应用.----------------------------------- ...
- CLR Profiler 性能分析工具
CLR Profiler 性能分析工具 CLR Profiler 性能分析工具 CLR Profiler 有两个版本,分别用于CLR1.1 和 CLR2.0,至于CLR4试了一些也可以,但不知道是否完 ...
- WCF、Web API、WCF REST、Web Service 区别
Web Service It is based on SOAP and return data in XML form. It support only HTTP protocol. It is no ...
- iOS 制作 framework 教程
直接看步骤 废话不多说,哈哈! 1.新建一个静态库工程: 2:取自己喜欢的名字: 3.删除向导所生成工程中的 Target: 3.删除TestFrameWork对应的工程文件夹: 5:删除bulid ...
- IEnumerable实践应用
1.集合想要支持foreach方式遍历,需要返回一个迭代器(IEnumerator),foreach会自动调用迭代器的状态迁移(MoveNext().Curent.Reset()) #region A ...
- facebook .net sdk 应用
浅谈 facebook .net sdk 应用 今天看了一篇非常好的文章,就放在这里与大家分享一下,顺便也给自己留一份.这段时间一直在学习MVC,另外如果大家有什么好的建议或者学习的地方,也请告知 ...
- Group by Grouping
玩转数据库之 Group by Grouping 有的时候我们要从数据库里把数据组织成树结构再展现到页面上 像下面这样 今天我们用Group 和Grouping实现它,并总结一下它俩. 先看一下概念, ...