AngularJS：對列表

Question

過濾重複的比賽我有得到由ngRepeat環繞在對象的列表：

hashes = [ 
    { 
     "type": "foo" 
    , … 
    } 
    , { 
     "type": "foo" 
    , … 
    } 
    , { 
     "type": "bar" 
    , … 
    } 
] 

我想根據type對其進行過濾，如果它的價值在針的列表匹配的項目：

types = ['foo','quz']; 

所以像

<div ng-repeat="hash in hashes | filter:types"></div> 

這是內置到角或者我是否必須編寫自定義過濾器？

Answer 1

要過濾針對單一類型的，你可以這樣做：

<div ng-repeat="hash in hashes | filter: {type:'foo'}"> 

要篩選對一個數組，你並不需要一個完全自定義的過濾器，但我會用一個謂詞過濾器，你可以在傳遞給角的過濾器。這裏的過濾器，假設你的數組type：

$scope.filterArray = function(hash) { 
    return ($scope.types.indexOf(hash.type) !== -1); 
}; 

像這樣來使用：

<div ng-repeat="hash in hashes | filter: filterArray"> 

兩個

自定義篩選

做一個完全自定義的過濾器，這demo fiddle作品：

filter('inArray', function() { 
    return function inArray(haystack , needle) { 
     var result = []; 
     var item,i; 
     for (i=0; i< haystack.length;i++) { 
      item = haystack[i]; 
      if (needle.indexOf(item.type) !== -1) 
       result.push(item); 
     }; 
     return (result); 
    }; 
}); 

像這樣來使用：

<div ng-repeat="hash in hashes | inArray: types"> 

demo of custom filter