我想使用filterin angular 并希望过滤多个值，如果它具有其中一个值，则应该显示它。
例如，我有这样的结构：
一个movie具有 属性的对象，genres我想过滤Action和Comedy。
我知道我可以做filter:({genres: 'Action'} || {genres: 'Comedy'})，但是如果我想动态过滤它该怎么办。例如filter: variableX
如何设置variableX的$scope，当我有我有过滤器类型的数组？
我可以将它构造为一个字符串，然后执行一个eval()但我不想使用 eval() ...
我只想创建一个自定义过滤器。他们没有那么难。
angular.module('myFilters', []).
filter('bygenre', function() {
return function(movies,genres) {
var out = [];
// Filter logic here, adding matches to the out var.
return out;
}
});
<h1>Movies</h1>
<div ng-init="movies = [
{title:'Man on the Moon', genre:'action'},
{title:'Meet the Robinsons', genre:'family'},
{title:'Sphere', genre:'action'}
];" />
<input type="checkbox" ng-model="genrefilters.action" />Action
<br />
<input type="checkbox" ng-model="genrefilters.family" />Family
<br />{{genrefilters.action}}::{{genrefilters.family}}
<ul>
<li ng-repeat="movie in movies | bygenre:genrefilters">{{movie.title}}: {{movie.genre}}</li>
</ul>
在这里编辑链接：创建角度过滤器
更新：这是一个小提琴，其中包含我的建议的确切演示。
您可以使用控制器功能进行过滤。
function MoviesCtrl($scope) {
$scope.movies = [{name:'Shrek', genre:'Comedy'},
{name:'Die Hard', genre:'Action'},
{name:'The Godfather', genre:'Drama'}];
$scope.selectedGenres = ['Action','Drama'];
$scope.filterByGenres = function(movie) {
return ($scope.selectedGenres.indexOf(movie.genre) !== -1);
};
}
HTML：
<div ng-controller="MoviesCtrl">
<ul>
<li ng-repeat="movie in movies | filter:filterByGenres">
{{ movie.name }} {{ movie.genre }}
</li>
</ul>
</div>
在这里创建自定义过滤器可能有点矫枉过正，您可以只传入自定义比较器，如果您有多个值，例如：
$scope.selectedGenres = "Action, Drama";
$scope.containsComparator = function(expected, actual){
return actual.indexOf(expected) > -1;
};
然后在过滤器中：
filter:{name:selectedGenres}:containsComparator
这是自定义过滤器的实现，它将使用值数组过滤数据。它将支持具有数组和单个键值的多个键对象。正如在 angularJS API AngularJS 过滤器文档中提到的，支持单个值的多个键过滤器，但下面的自定义过滤器将支持与 angularJS 相同的功能，并且还支持值数组以及键的数组和单个值的组合。请找到下面的代码片段，
myApp.filter('filterMultiple',['$filter',function ($filter) {
return function (items, keyObj) {
var filterObj = {
data:items,
filteredData:[],
applyFilter : function(obj,key){
var fData = [];
if (this.filteredData.length == 0)
this.filteredData = this.data;
if (obj){
var fObj = {};
if (!angular.isArray(obj)){
fObj[key] = obj;
fData = fData.concat($filter('filter')(this.filteredData,fObj));
} else if (angular.isArray(obj)){
if (obj.length > 0){
for (var i=0;i<obj.length;i++){
if (angular.isDefined(obj[i])){
fObj[key] = obj[i];
fData = fData.concat($filter('filter')(this.filteredData,fObj));
}
}
}
}
if (fData.length > 0){
this.filteredData = fData;
}
}
}
};
if (keyObj){
angular.forEach(keyObj,function(obj,key){
filterObj.applyFilter(obj,key);
});
}
return filterObj.filteredData;
}
}]);
用法：
arrayOfObjectswithKeys | filterMultiple:{key1:['value1','value2','value3',...etc],key2:'value4',key3:[value5,value6,...etc]}
这是一个实现上述“filterMutiple”自定义过滤器的小提琴示例。 :::小提琴示例:::
如果你想过滤对象数组，那么你可以给
filter:({genres: 'Action', key :value }.
单个属性将通过为该属性指定的特定过滤器进行过滤。
但是，如果您想按单个属性过滤并全局过滤所有属性，那么您可以执行以下操作。
<tr ng-repeat="supp in $data | filter : filterObject | filter : search">~阿图尔