AngularJS: Use array (multiple values) for a filter

Question

I have following filter in angularJS:

<div ng-repeat="node in data | filter:{parentID:12}"></div>

This works fine (I get only data, where parentID is 12).

In the next step, I want to get all data, where parentID is (for example) 12,13,25 or 30.

I tried following (its not working):

filter:{parentID:[12,13,25,30]}

Is there any way to build a filter as described?

Thank you very much!

possible duplicate of How to filter multiple values (OR operation) in angularJS — Gruff Bunny
– Gruff Bunny, Commented Oct 28, 2014 at 9:34

morloch · Accepted Answer · 2014-10-28 09:37:59Z

6

A predicate function will suit your needs nicely! From the doc:

function(value, index): A predicate function can be used to write arbitrary
filters. The function is called for each element of array. The final result
is an array of those elements that the predicate returned true for.

For example:

<div ng-repeat="node in data | filter:checkParentID"></div>

And in your controller

$scope.checkParentID = function(value, index) {
  return value.parentID && [12,13,25,30].indexOf(value.parentID) !== -1;
}

answered Oct 28, 2014 at 9:37

morloch

1,8862 gold badges17 silver badges24 bronze badges

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

4 Comments

dfsq Over a year ago

@Tream Oops, I confused everything. Filter should look like filter:parentFilter. Please accept morloch's answer, because it's correct and mine is not.

Tream Over a year ago

Not sure, what you did wrong - works for me. But okay, I accepted his answer. Thanks you and morloch for helping me! :)

Zakaria Belghiti Over a year ago

How can I achieve this but on a particular attribute of the collection

morloch Over a year ago

You mean an attribute of data? Just pass that to ng-repeat, e.g. node in data.attr...

Collectives™ on Stack Overflow

AngularJS: Use array (multiple values) for a filter

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related