AngularJS 链接选择答案

【问题标题】：AngularJS chaining selectAngularJS 链接选择
【发布时间】：2014-01-16 05:17:13
【问题描述】：

我正在尝试实现该链式选择，但链无法正常工作。

http://plnkr.co/edit/ndm7PFGK8akdaHra7Fdm?p=preview

我想要的，需要的：例如选择“alpargatas”作为类别时，选择任何列出的品牌，类别仍应选择为“alpargatas”或选择“Calvin Klein”作为品牌时，选择任何列出的类别，品牌仍应选择为“卡尔文克莱恩。

任何解决方案、提示或建议？！提前谢谢

【问题讨论】：

你为什么要删除你之前关于这个的帖子？此外，SO 帖子应包含与问题相关的代码和/或显示您尝试过的内容，而不仅仅是指向演示的链接。
对不起 4。我是这里的新手。 ;ty

标签： angularjs select chaining

【解决方案1】：

您需要按正确的顺序使用filter。

对于category 下拉菜单

通过brand 像filter:{brand: filterObject.brand}: true//pass true for strict mode 一样添加过滤器
然后unique 过滤器就像unique: 'category'
最后使用orderBy 过滤器，如orderBy:'category'

在HTML，看起来像

<select ng-model="filterObject.category" 
        ng-options="c.category as c.category for c in shoes|filter:{brand: filterObject.brand}: true| unique: 'category'| orderBy:'category'">
<option value="" ng-value="undefined">-- Category:</option>

Brand 下拉列表类似

<select ng-model="filterObject.brand" 
        ng-options="b.brand as b.brand for b in shoes|filter:{category: filterObject.category}: true| unique: 'brand'| orderBy:'brand'">
<option value="" ng-value="undefined">-- Brand:</option>

看看dropdowns 都与你的主数据源$scope.shoes 绑定，所以你不需要控制器中的额外过滤器。

查看更新的plunk

注意正如@m59 所说，您在寻找答案时不应删除您的帖子。

【讨论】：

像魅力一样工作！干得好雷扎。泰;