预计数过滤导致ng重复

时间:2016-06-06 19:31:21

标签: angularjs angularjs-ng-repeat

我有一长串使用ng-repeat显示的产品,我在左侧创建了一个过滤器,以便在主要内容中精简列表。

我需要预先计算每个可能过滤器的结果,以便该过滤器按钮的链接文本将显示您打开该过滤器时将收到的结果,就像在电子商务中发生的那样站点。

我想知道如何使用AngularJS执行此操作。我希望除了在每个可能的过滤器的范围上创建自定义过滤器之外,还有一种更简单的方法。

请注意,我不必担心链接过滤器值 - 只需选择一个过滤器的结果。

谢谢,斯科特

1 个答案:

答案 0 :(得分:0)

不确切知道数据模型的样子我不能说你是否需要自定义过滤器。但对于简单的数据模型,您应该能够使用如下的简单过滤器: <ul> <li ng-repeat="item in items"> <a ng-click="filter(item.type)">{{item.name}} {{(allData | filter:item.type).length}}</a> </li> </ul>

以下是一个工作示例http://codepen.io/mkl/pen/GqpqYN