如何對兩個參數和數組進行重排序？

Question

在我的模板中，我使用ng-repeat="obj in list"。

哪裏list是對象：

0: { 
    status : "active", 
    category : "animal" 
} 
... 

而且在默認情況下我有$scope.filter = {}

當我處理點擊：我填這個$scope.filter：

$scope.filter["categories"].push("animal"); 
$scope.filter["categories"].push("human"); 

如何使filter在ng-repeat將與數組$scope.filter["categories"]一起工作，並將找到的元素對應$scope.filter["categories"]？

Answer 1

您可以自定義過濾器。

app.filter('myFilter', function() { 

     return function(arrList, arrKeywords) { 

      var arrFilterList = []; 

      angular.forEach(arrList,function(oneVal,key){ 

       if(arrKeywords.indexOf(oneVal)){ 
       arrFilterList.push(oneVal); 
       } 
      }) 

      return arrFilterList; 
     } 
    }); 

Answer 2

創建自定義過濾器這樣

angular.module("app",[]) 
.filter('sam',function(){ 
    return function(item, arr){ 
    return arr.find(function(obj){ 
     return obj === item; 
    }) 
    } 
}) 

angular.module("app",[]) 
 
.filter('sam',function(){ 
 
    return function(item, arr){ 
 
    return arr.find(function(obj){ 
 
     return obj === item; 
 
    }) 
 
    } 
 
}) 
 
.controller("ctrl",function($scope){ 
 
\t $scope.list = [{ 
 
    status : "active", 
 
    category : "animal" 
 
},{ 
 
    status : "active", 
 
    category : "human" 
 
},{ 
 
    status : "active", 
 
    category : "bird" 
 
}] 
 

 
$scope.filter = {"categories":[]} 
 

 
$scope.filter["categories"].push("animal"); 
 
$scope.filter["categories"].push("human"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div ng-repeat="obj in list "> 
 
{{obj.category | sam : filter.categories}} 
 
</div> 
 

 
</div>