Angularjs 是否可以使用多个下拉菜单以角度过滤JSON

我已经用我对Angular的基本/初学者知识为客户构建了一个应用程序。我花了比大多数人更长的时间，但这对我来说是一次很好的学习经历

该应用程序导入JSON数据，显示产品，每个返回的结果链接到包含更多信息的页面

产品是手动过滤的，即我已经为所有可能的过滤器构建了页面（漫长的艰难之路）。这将显示为4个初始选项，然后根据上一个选项转到另一个带有4个选项的页面，然后转到带有4个其他选项的最后一个页面，从这里返回基于上一个选项的列表。这种方式导致了大量JSON文件的收集，所有这些文件都基于可用的过滤器组合

撇开背景故事不谈，我的客户现在希望能够使用打开页面上的下拉列表过滤所有数据。这可能吗

我的JSON数据如下所示作为示例

{“级别”：“学生”，“风格”：“倒钩”，“把手”：“左”，“项目代码”：“5.25:606603，5.75:606607”，“标题”：“捷豹Prestyle Relax Leftie”，“尺寸”：“5.25,5.75”，“价格”：“50.00英镑”，“说明”：“一把微锯齿剪刀，可防止头发聚束或打滑，是理发师的特别好选择。这种剪刀符合人体工程学设计，可减少手和手腕的劳损，配有偏置手柄、指托和指环插入件，带来额外的舒适感。由不锈钢制成，表面为亚光缎面。”，“图片”：”img/stubarbleet/1.jpg“}

我想做的是显示返回的数据，这不是一个问题，我可以做这部分。在页面顶部，我想有一组下拉过滤器，以便顶部的过滤器过滤返回的数据，但级别，然后第二个按样式（保持级别与所选的相同）和第三个按句柄选项（再次记住前面的选项）

这是可能的。我有点力不从心，但我在努力学习

---

谢谢大家抽出时间来

当然，这是可能的。我准备了一段自我解释的代码片段，应该可以帮到你们

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'MyCtrl'，['$scope'，'，
职能（$范围）{
$scope.model={
所选样式：“”，
所选级别：“”，
filterObject:{style:，level:}，
记录详细信息：未定义，
选项：{
样式：[''，“样式1”，“样式2”]，
级别：[''，“级别1”，“级别2”]
},
数据：[{
“id”：1，
“级别”：“级别1”，
“样式”：“样式1”，
“价格”：100
}, {
“id”：2，
“级别”：“级别2”，
“样式”：“样式2”，
“价格”：200
}, {
“id”：3，
“级别”：“级别1”，
“样式”：“样式2”，
“价格”：300
}, {
“id”：4，
“级别”：“级别2”，
“样式”：“样式1”，
“价格”：400
}]
};
$scope.showDetails=函数（记录）{
$scope.model.recordDetails=记录；
}
}
])；

当前筛选器对象：{{model.filterObject}
记录详情：
{{model.recordDetails}}

谢谢你，普里莫斯，我会看一下，让你知道我的进展。非常感谢：）这很有效。我现在只需要知道如何通过此方法将记录链接到包含更多信息的页面，然后我被排序：）即，单击返回的结果之一以查看描述和价格再次感谢。我花了一个上午的时间试图解构应用程序的早期版本，我不得不使用过滤