angular自定义过滤器

最新推荐文章于 2021-10-20 08:44:18 发布

权基龙

最新推荐文章于 2021-10-20 08:44:18 发布

阅读量1k

点赞数

分类专栏： angular 文章标签： angular angular过滤器

本文链接：https://blog.csdn.net/long511703/article/details/44841477

版权

angular 专栏收录该内容

3 篇文章 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>

权基龙

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
angular自定义过滤器

Order var app = angular.module('Demo', []); app.controller('TestCtrl', function($scope) { $scope.name = 'jack'; $scope.country = 'American'; $sc
复制链接

扫一扫

专栏目录