Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS-我应该如何处理多个动态下拉列表来过滤列表?_Javascript_Angularjs - Fatal编程技术网

Javascript AngularJS-我应该如何处理多个动态下拉列表来过滤列表?

Javascript AngularJS-我应该如何处理多个动态下拉列表来过滤列表?,javascript,angularjs,Javascript,Angularjs,我对AngularJS非常陌生(一般来说对Javascript有些陌生),所以我不确定我是否正确看待这个问题 我从亚马逊的产品广告API获取数据。我试图解释一个项目的不同变化,并允许用户通过“变化维度”下拉列表选择他们喜欢的变化,这基本上只是变化的不同方式(大小、颜色等) 我事先不知道这些维度是什么,所以在我从服务器获取的JSON数据中,我有一个包含所有可能项的数组(一个包含所有有效维度组合的数组)、一个维度名称数组和一个维度值数组。 例如: 目前我正在这样做: <div class="d

我对AngularJS非常陌生(一般来说对Javascript有些陌生),所以我不确定我是否正确看待这个问题

我从亚马逊的产品广告API获取数据。我试图解释一个项目的不同变化,并允许用户通过“变化维度”下拉列表选择他们喜欢的变化,这基本上只是变化的不同方式(大小、颜色等)

我事先不知道这些维度是什么,所以在我从服务器获取的JSON数据中,我有一个包含所有可能项的数组(一个包含所有有效维度组合的数组)、一个维度名称数组和一个维度值数组。 例如:

目前我正在这样做:

<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
的内容