Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用下拉列表过滤数据?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个数组的对象只是项目.我也有一个下拉菜单,我想用来允许用户按照价格或等级进行过滤,但是在页面加载时,应该没有过滤.

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

我有一个plunkr开始:LINK

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

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

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

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

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

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用下拉列表过滤数据?全部内容,希望文章能够帮你解决angularjs – 使用下拉列表过滤数据?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。