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

前端之家收集整理的这篇文章主要介绍了angularjs – 使用下拉列表过滤数据?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个数组的对象只是项目.我也有一个下拉菜单,我想用来允许用户按照价格或等级进行过滤,但是在页面加载时,应该没有过滤.

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

我有一个plunkr开始:LINK

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

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

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

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

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

猜你在找的Angularjs相关文章