如何在angularjs中一一启用下拉按钮（级联下拉）答案

【问题标题】：How to enable dropdown buttons one by one in angularjs(Cascading dropdown)如何在angularjs中一一启用下拉按钮（级联下拉）
【发布时间】：2016-12-08 20:16:12
【问题描述】：

在级联下拉菜单（例如：3 个下拉菜单）中，如何最初禁用第二个和第三个下拉菜单以及当用户在第一个下拉菜单中选择一个选项时，应启用第二个下拉菜单。当用户在第二个选项中选择一个选项时，应该启用第三个下拉菜单。

如果有人知道，请给我一个方法，如何做到以上。

  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelX}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in A"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>



  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelY}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in B"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>



  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelZ}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in C"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>

【问题讨论】：

这是一个非常省力的问题。您没有表现出任何努力自己寻找解决方案（请注意，您可能已经尝试过一些东西，但我们希望看到那些不起作用的东西！）。说到这里，这里隐藏了一个简单的答案：每个输入线性地出现在前一个之后，就像计数可以描述为模式中每个整数都在前一个之后一样。

标签： angularjs cascadingdropdown

【解决方案1】：

例如，您可以使用

ng-disabled="DropdownBDisabled"

在您要启用\禁用的下拉菜单上，然后设置您的点击方法以相应地更改 DropdownBDisabled 变量的值。

类似this

【讨论】：