一尘不染

使用下拉列表过滤数据?

angularjs

我有一组对象,它们只是项目。我还有一个下拉菜单,我希望使用该下拉菜单允许用户按价格或评分进行过滤,但是在页面加载时不应进行过滤。

如何根据当前选择选项映射项目数据以进行过滤?

我有一个笨拙的入门:LINK


阅读 314

收藏
2020-07-04

共1个答案

一尘不染

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

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

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

完整的代码可以在这里找到-http:
//plnkr.co/edit/n7TebC?p=preview

我已经更新了plunkr并引入了注释,所以如果您不懂代码,请告诉我。

2020-07-04