使用多个值的数组的角度过滤器

Question

我有一个复选框列表：

 <input type="checkbox" ng-model="myFilter.filterField" ng-true-value="'value1'" ng-false-value="''"> value1<br>
 <input type="checkbox" ng-model="myFilter.filterField" ng-true-value="'value2'" ng-false-value="''"> value2<br>

.... …… 我想像这样过滤选中的复选框字段：

x in X | filter: { 'filterField': ['value1','value2']}

任何解决方案可以推入我的数组 filterField 并过滤多个值？谢谢！

Answer 1

来自AngularJS : Custom filters and ng-repeat

检查多个字段

// Filter, where element would be your x
$scope.filterFn = function(element)
{ 
    if(element.field === 'value1' || element.anotherField === 'value2')
    {
        return true; // this will be listed in the results
    }
    return false; // otherwise it won't be within the results
};

然后应用它
x in X | filter:filterFn

Answer 2

另一种方法是使用一个自定义过滤器并向其添加参数。这个小提琴展示了如何使用具有多个参数的过滤器： http://jsfiddle.net/halirgb/Lvc0u55v/

这样

myApp.filter('customFilter', function() { // Name of filter
return function(first, second,third) {
// write filter code here
  return second;// shows the last filter parameter
};});

并像这样使用过滤器：

  <div ng-repeat="x in X">  {{x|customFilter:myFilter.filterField}} </div>

Answer 3

在这种情况下最好使用自定义过滤器

$scope.filterField = function(x) {
    return x.filterField == 'value1' || x.filterField == 'value2' || x.anotherField == 'value';
};


x in X | filter: filterField