在ng-repeat中使用过滤器

时间:2016-09-18 06:27:38

标签: javascript angularjs

我正在尝试使用带有ng-repeat表达式的过滤器,如下所示 -

<div ng-repeat= "fruit in fruits | filter: {fruit.color !: 'red'}">
   {{ fruit }}
</div>

但它似乎不起作用,有人可以确认可以在过滤器中使用表达式(我使用的是角度1.0.8)

2 个答案:

答案 0 :(得分:3)

首先你应该将Angular版本升级到最新版本,继续使用Angular 1.0.x是没有意义的

<div ng-repeat= "fruit in fruits | filter: {color : '!' + selected Color}">
   {{ fruit }}
</div>

答案 1 :(得分:0)

这只是ng-repeat过滤器的例子:

<div ng-repeat= "fruit in fruits" >
     {{ fruit | uppercase}} 
</div>

$scope.fruits  = ['apple','banana']

输出:

APPLE
BANANA