多个过滤器用于ng-repeat和track by

时间:2014-10-19 17:24:47

标签: angularjs angularjs-ng-repeat angular-filters

我有一个带有过滤器的ng-repeat,如下所示。由于某种原因,它没有在Web服务器上工作,我认为它是因为浏览器DOM中不允许重复的项目,所以我不得不把“track by item.id”。请参阅下面的代码。

<div ng-repeat="item in items | filter:search:date | filter:filterFrontPage track by item.id">

上面代码的唯一问题是没有通过“filterFrontPage”过滤器加载项目,过滤器从项目中过滤布尔值。当我将其更改为以下内容时,整个工作正常:

<div ng-repeat="item in items | filter:search:date track by item.id">  

因此,使用上面的内容,我将如何添加一个过滤器来过滤变量中的布尔值。我似乎无法通过使用“filter:search:date:{isActive:true}”来实现这一点。请让我知道如何使其发挥作用。

更新1:

我已经删除了很久以前使用它的“日期”。 “搜索”适用于以下内容,并且工作正常。

<input class="form-control" type="text" placeholder="Search posts" ng-model="search.$" />

理想情况下,filterFrontPage通过isActive变量true / false;

写入过滤项目

1 个答案:

答案 0 :(得分:1)

我认为您需要在过滤后的集合周围使用括号,即:

<div ng-repeat="item in (items | filter:search:date) track by item.id">