zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    SSM添加数据后自动获取ID
    EasyUI分页
    JavaScript增强AJAX基础
    高德地图MapAPI地图展示
    项目json代码
    JavaScript 事件机制
    JavaScript event flow
    java和JavaScript的区别
    history of program
    javaScript obj
  • 原文地址:https://www.cnblogs.com/knightshibiao/p/3823056.html
Copyright © 2011-2022 走看看