AngularJS ng-repeat with filter

时间:2015-10-06 20:24:13

标签: javascript angularjs

我正在尝试使用filter来使用filter:object方法从列表中排除项目。我做错了什么?

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

这是Plunker

1 个答案:

答案 0 :(得分:2)

角度表达式中不需要花括号。此外,由于test是一个变量,而不是实际的否定值,您需要将其与字符串!连接起来以获得最终的过滤条件。

它将是:

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

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