AngularJS - filter array item based on its array property

Question

I have that code:

<label>Ages: <input type="text" ng-model="objProp2AgesFilter" /></label><br />
<table>
  <thead>
     <tr>
       <th>Name</th>
     </tr>
  </thead>
  <tbody>
     <tr ng-repeat="p in items">
       <td>{{p.name}}</td>
     </tr>
  </tbody>
</table>

items array looks like:

[{ 
  name: 'tst1',
  ages: [1,2,3]
},{ 
  name: 'tst2',
  ages: [2,3,4]
}]

How to filter that items, whose contain value e.g. 4 in the ages array ?

You must write a custom filter.

tomaoq
– tomaoq

2014-11-25 08:51:57 +00:00
Commented Nov 25, 2014 at 8:51 — tomaoq
– tomaoq, Commented Nov 25, 2014 at 8:51

JB Nizet · Accepted Answer · 2014-11-25 08:51:41Z

3

<tr ng-repeat="p in items | filter:hasAge4">

And in the controller:

$scope.hasAge4 = function(item) {
    return item.ages.indexOf(4) >= 0;
};

answered Nov 25, 2014 at 8:51

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Collectives™ on Stack Overflow

AngularJS - filter array item based on its array property

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related