前端之家收集整理的这篇文章主要介绍了
angularjs – 使用下拉列表过滤数据?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个数组的对象只是项目.我也有一个下拉
菜单,我想用来允许
用户按照价格或等级进行过滤,但是在
页面加载时,应该没有过滤.
如何根据当前选择选项将项目数据映射到过滤器?
我有一个plunkr开始:LINK
首先,您的选择值是不明确的.它们包含可以对条目进行过滤和排序的值 – 将两个值分开,因为它们是两个不同的
功能.
接下来,您需要定义一个自定义过滤器,该过滤器将根据所选的评级过滤数据.为此,您可以使用“评级”属性增强过滤条件,将所选择的评级与评级值相关联.
最后,将排序与谓词和反向值相关联 – 谓词确定属性/列以确定排序(您的情况下的价格),而反向确定排序的升序/降序性质.
整个代码可以在这里找到 – http://plnkr.co/edit/n7TebC?p=preview
我已经更新了plunkr并引入了评论,所以让我知道如果你不明白一个代码.