AngularJS ng-repeat with filter

Question

I'm trying to use filter to exclude an item from a list using the filter:object method. What am I doing wrong?

 <div ng-init="itemList = [
{ id: 'item1', name: 'item 1' },
{ id: 'item2', name: 'item 2' },
{ id: 'item3', name: 'item 3' } ];test='item2';">
  <ul>
    <li ng-repeat="item in itemList | filter:{ id: '!{{ test }}' }">{{ item.name }}</li>
  </ul>
</div>

Here's the Plunker

dfsq · Accepted Answer · 2015-10-06 20:30:26Z

2

You don't need curly brackets inside angular expression. Also since test is a variable, not actual value to negate you need to concatenate it with the string ! to get final filter condition.

It will be:

<li ng-repeat="item in itemList | filter:{ id: '!' + test }">{{ item.name }}</li>

Demo: http://plnkr.co/edit/vowrYe3aHLrmwmb1ounK?p=info

answered Oct 6, 2015 at 20:30

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-repeat with filter

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