AngularJS - Filtering with multiple changing parameters in an array

Question

Just trying to figure out how to go about doing this. The basic idea of what I am trying to achieve is this

<div ng-repeat="product in products | filter: myFilter">

$scope.myFilter = function (item) { 
    return item === 'red' || item === 'blue'; 
};

However in my case, my filter parameters are stored in an array that will be changing dynamically based on user input. I have tried this but it won't work as I am returning in the loop.

var index;
$scope.filterParams = ['red', 'blue']

$scope.myFilter = function (item) {
    for (index = 0; index < $scope.filterParams.length; ++index) {
        return item === $scope.filterParams[index];
    }
};

Help is appreciated, thanks!

Nitish Kumar · Accepted Answer · 2014-09-24 04:22:42Z

1

Try this:

app.filter('myFilter ', function() {
   $scope.filterParams = ['red', 'blue'];

   return function(item) {
      return  $scope.filterParams.indexOf(item) !== -1;
   });
});

answered Sep 24, 2014 at 4:22

Nitish Kumar

4,8503 gold badges22 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

zeroviscosity · Accepted Answer · 2014-09-24 04:24:29Z

1

The issue is that you are returning on the first iteration. You could do this instead:

$scope.myFilter = function(item) {
    return $scope.filterParams.indexOf(item) > -1;
};

answered Sep 24, 2014 at 4:24

zeroviscosity

1264 bronze badges

Collectives™ on Stack Overflow

AngularJS - Filtering with multiple changing parameters in an array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related