首页 > 其他 > 详细

angular自定义过滤器

时间:2015-04-03 01:35:26      阅读:196      评论:0      收藏:0      [点我收藏+]
<html ng-app="Demo">
<head>
    <meta charset="utf-8">
    <title>Order</title>
</head>
<body>
<script src="js/angular.min.js"></script>
<script>
        var app = angular.module('Demo', []);

        app.controller('TestCtrl', function($scope) {

            $scope.name = 'jack';
        	$scope.country = 'American';

            $scope.persons = [
                {name:'qiu',country:'china'},
                {name:'jack',country:'American'},
                {name:'sanlang',country:'Japan'}
            ]

            $scope.setParam = function(name,value){
        		$scope.name = name;
        		$scope.country = value;
        	}
        })

        app.filter('myfilter',function() {
            return function(input, name, country) {
                var output = [];
                var outputother = [];
                var outputtotal = [];
                for (var i = 0; i <= input.length - 1; i++) {
                	console.log(input[i].name);
                	if(input[i].name == name && input[i].country == country){
						output.push(input[i]);
                	}else{
                		outputother.push(input[i]);
                	}
                };
                for (var i = 0; i <= input.length-1; i++) {
                	if(output.length > i){
                		outputtotal.push(output[i]);
                	}else{
                		outputtotal.push(outputother[i - output.length])
                	}
                };
                return outputtotal;
            }
        })
   </script>


<div ng-controller="TestCtrl">
<p>姓名的排序:</p>
<ul>
  <li ng-repeat="person in persons | myfilter:'jack':'American'">
    {{ person.name + ', ' + person.country }}
  </li>
</ul>
</div>
</body>
</html>
	

angular自定义过滤器

原文:http://blog.csdn.net/long511703/article/details/44841477

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!