我有两个使用来自服务器的数据填充的下拉列表。第一个下拉列表包含一个类别,第二个下拉列表包含所有子类别。像这样:
<select ng-model="category1">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>
<select ng-model="category1">
<option value="4">Subitem 1</option>
<option value="5">Subitem 2</option>
</select>
子类别通过属性“parentID”链接到主类别,因此在上面的示例中,子项 1 的 parentID = 2,这意味着子项 1 具有项 2 的主类别。
我希望用户能够选择主类别或子类别。
选择一个主要类别应过滤第二个下拉列表,以仅显示链接到该类别的子类别(即具有该 parentID 的子类别)
Subcategories can only be selected if a main category has been selected
我的问题是,如何实现角度过滤?我想我应该以某种方式使用 ng-options 和 angulars 过滤器,但我不确定如何。
现在,第二个下拉列表包含所有子类别,无论第一个下拉列表中的选定值如何。我知道我必须在过滤器中使用我的 parentID 来确定哪些子类别应该是可见的,但是我应该把它放在哪里呢?