使用下拉列表过滤数据?

时间:2013-06-06 09:36:24

标签: angularjs angularjs-ng-repeat angularjs-filter

我有一个对象数组,它们只是项目。我还有一个下拉列表,我想用它来允许用户按价格或评级进行过滤,但是在页面加载时应该没有过滤。

如何根据当前选择选项将项目数据映射到过滤器?

我有一个开始使用的傻瓜:LINK

1 个答案:

答案 0 :(得分:17)

首先,您的选择值不明确。它们包含可以过滤和排序条目的值 - 将它们分开,因为它们是两个不同的功能。

接下来,您需要定义一个自定义过滤器,它将根据所选的评级过滤数据。为此,您可以使用“评级”属性来增强过滤条件,以将所选评级与评级值相关联。

最后,将排序与谓词和反向值相关联 - 谓词确定属性/列以确定排序(在您的情况下为价格),而反向确定排序的升序/降序性质。

可以在此处找到整个代码 - http://plnkr.co/edit/n7TebC?p=preview

我已更新了plunkr并引入了评论,如果您不理解代码,请告诉我。