首页 > 代码库 > angular入门-写过滤器

angular入门-写过滤器

2024-07-10 18:43:57   223人阅读

angular内置了很多的过滤器，但是有时候还是不能满足需求，好的是angular提供接口让你自己去定义自己的filter

1.定义一个模块

2.在模块的接触上顶一个过滤去

3.过去器就是返回一个函数，函数有一个入口参数就是你需要过滤的内容

这个demo中包含上一个定义的服务的代码

<!doctype html><html ng-app="myApp">    <head>        <script src="http://www.mamicode.com/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>

　　


联系
我们