标签：style blog java javascript cti html
angular内置了很多的过滤器，但是有时候还是不能满足需求，好的是angular提供接口让你自己去定义自己的filter
1.定义一个模块
2.在模块的接触上顶一个过滤去
3.过去器就是返回一个函数，函数有一个入口参数就是你需要过滤的内容
这个demo中包含上一个定义的服务的代码
<!doctype html>
<html ng-app="myApp">
<head>
<script src="angular.js"></script>
<style type="text/css">
</style>
</head>
<body ng-controller="myController">
<ul>
<li ng-repeat="item in items">
{{item.name | firstUpper}}
</li>
</ul>
<script type="text/javascript">
var myApp = angular.module(‘myApp‘,[]);
myApp.factory(‘Items‘,function () {
var items = {};
items.query = function () {
return [
{
name:"zhang shi biao"
},
{
name:"li rui zhi"
}
];
}
return items;
});
function myController ($scope,Items) {
$scope.items = Items.query();
}
myApp.filter(‘firstUpper‘,function () {//定义filter
var firstUpper = function (input) {
var words = input.split(" ");
for (var i = 0; i < words.length; i++) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
}
return words.join(" ");
}
return firstUpper;//及时返回一个函数
})
</script>
</body>
</html>
标签：style blog java javascript cti html
原文地址：http://www.cnblogs.com/knightshibiao/p/3823056.html
