使用下拉列表过滤数据？

Question

我有一个对象数组，它们只是项目。我还有一个下拉列表，我想用它来允许用户按价格或评级进行过滤，但是在页面加载时应该没有过滤。

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

我有一个 plunkr 可以开始：LINK

Answer 1

首先，您选择的值不明确。它们包含可以过滤和排序条目的值 - 将两者分开，因为它们是两个不同的功能。

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

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

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

我已经更新了 plunkr 并引入了 cmets，如果您不理解代码，请告诉我。