angular filter using an array of more than one value

Question

I have a list of checkboxs:

 <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>

.... .... And I want to filter the checked checkboxes fields like this:

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

Any solution to push into my array filterField and filter more than one value? Thanks!

I Will need more filterFields and probably this filterFields Will Be also arrays for more than one value, how can i do that?? — Charly, Sep 20 '16 at 10:53
This might help http://stackoverflow.com/questions/16563018/angularjs-custom-filters-and-ng-repeat — taguenizy, Sep 20 '16 at 10:55
mmm...not so much xd maybe i dont understand, im an angular ignorant — Charly, Sep 20 '16 at 11:12

Suresh Gogu · Answer 1 · 2016-09-20T11:41:47.810

0

It is better to use custom filters in that case

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


x in X | filter: filterField

edited Sep 20 '16 at 11:41

answered Sep 20 '16 at 11:13

Suresh Gogu

359
5
12

but if i want more filter fields i need to create one function for each field ??? – Charly Sep 20 '16 at 11:15
you can use like this x.filterField == 'value1' || x.field1 == 'value' || x.field2 == 'value1' @Charly – Suresh Gogu Sep 20 '16 at 11:18

score 0 · Answer 2 · edited May 23 '17 at 12:19

From AngularJS : Custom filters and ng-repeat

Checking multiple fields

// 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
};

And then apply it
x in X | filter:filterFn

score 0 · Answer 3 · answered Sep 20 '16 at 11:35

Another way would be to use one custom filter and add parameters to it. This fiddle shows how to work with a filter with multiple parameters: http://jsfiddle.net/halirgb/Lvc0u55v/

Like this

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

And use the filter like this:

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

angular filter using an array of more than one value

3 Answers3