angular入门-写过滤器

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>

　　

posted @ 2014-07-03 19:13  昊天翱翔  阅读(271)  评论(0)    收藏  举报