angularjs – 使用下拉列表过滤数据？

发布时间：2020-12-17 09:41:07 所属栏目：安全来源：网络整理

导读：我有一个数组的对象只是项目.我也有一个下拉菜单,我想用来允许用户按照价格或等级进行过滤,但是在页面加载时,应该没有过滤. 如何根据当前选择选项将项目数据映射到过滤器？我有一个plunkr开始：LINK 首先,您的选择值是不明确的.它们包含可以对条目进行过滤

我有一个数组的对象只是项目.我也有一个下拉菜单,我想用来允许用户按照价格或等级进行过滤,但是在页面加载时,应该没有过滤.

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

我有一个plunkr开始：LINK

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

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

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

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

我已经更新了plunkr并引入了评论,所以让我知道如果你不明白一个代码.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!