Javascript AngularJS-我应该如何处理多个动态下拉列表来过滤列表?
我对AngularJS非常陌生(一般来说对Javascript有些陌生),所以我不确定我是否正确看待这个问题 我从亚马逊的产品广告API获取数据。我试图解释一个项目的不同变化,并允许用户通过“变化维度”下拉列表选择他们喜欢的变化,这基本上只是变化的不同方式(大小、颜色等) 我事先不知道这些维度是什么,所以在我从服务器获取的JSON数据中,我有一个包含所有可能项的数组(一个包含所有有效维度组合的数组)、一个维度名称数组和一个维度值数组。 例如: 目前我正在这样做:Javascript AngularJS-我应该如何处理多个动态下拉列表来过滤列表?,javascript,angularjs,Javascript,Angularjs,我对AngularJS非常陌生(一般来说对Javascript有些陌生),所以我不确定我是否正确看待这个问题 我从亚马逊的产品广告API获取数据。我试图解释一个项目的不同变化,并允许用户通过“变化维度”下拉列表选择他们喜欢的变化,这基本上只是变化的不同方式(大小、颜色等) 我事先不知道这些维度是什么,所以在我从服务器获取的JSON数据中,我有一个包含所有可能项的数组(一个包含所有有效维度组合的数组)、一个维度名称数组和一个维度值数组。 例如: 目前我正在这样做: <div class="d
<div class="detailsSelect" ng-repeat="dim in variation_dimensions">
<select class="form-control variation-dropdown">
<option ng-repeat="value in item.variation_values[dim]">{{ value }}</option>
</select>
</div>
{{value}}
这将创建具有正确值的正确选择数
如何使用Angular跟踪所创建的选项,并使用其值筛选可能的项目列表?首先,在选择中,您可以使用
ng选项
,而不是ng repeat
:
<select class="form-control variation-dropdown"
ng-options="value for value in item.variation_values[dim]"></select>
然后,您只需在html中添加另一个部分来显示
filteredItems
的内容。首先,在选择中,您可以使用ng选项
而不是ng重复
:
<select class="form-control variation-dropdown"
ng-options="value for value in item.variation_values[dim]"></select>
然后,您只需在html中添加另一个部分来显示
filteredItems
的内容。首先,在选择中,您可以使用ng选项
而不是ng重复
:
<select class="form-control variation-dropdown"
ng-options="value for value in item.variation_values[dim]"></select>
然后,您只需在html中添加另一个部分来显示
filteredItems
的内容。首先,在选择中,您可以使用ng选项
而不是ng重复
:
<select class="form-control variation-dropdown"
ng-options="value for value in item.variation_values[dim]"></select>
然后,您只需要在html中添加另一个部分来显示filteredItems
的内容