$filter是用来进行数据格式化的专用服务,angular中内置了8个filter:
currency(格式化货币), date(格式化日期), json(json格式化), limitTo, lowercase(小写), number(数值), orderBy(排序), uppercase(大写)
<html ng-app="MyModule">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="framework/angular-1.3.0.14/angular.js"></script>
<script src="Filter.js"></script>
</head>
<body>
{{ 1304375948024 | date }}
<br>
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}
<br>
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}
<br>
</body>
</html>
运行效果:
自定义filter:
<html ng-app="MyModule">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="framework/angular-1.3.0.14/angular.js"></script>
<script src="MyFilter.js"></script>
</head>
<body>
{{'大漠穷秋'|filter1 }}
</body>
</html>
var myModule=angular.module("MyModule",[]);
myModule.filter('filter1',function(){
return function(item){
return item + 'o(∩_∩)o';
}
});
运行效果: