如何在angularjs中一个一个启用下拉按钮(层叠下拉)
How to enable dropdown buttons one by one in angularjs(Cascading dropdown)
在级联下拉菜单(eg:3 下拉菜单)中,如何最初禁用第 2 和第 3 下拉菜单以及当用户在第 1 下拉菜单中选择一个选项时,应启用第 2 下拉菜单。当用户在第二个选项中选择一个选项时,应该启用第三个下拉菜单。
如果有人知道,请给我一个方法,如何做上面的事情。
<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>
例如,您可以使用
ng-disabled="DropdownBDisabled"
在您想要 enable\disable 的下拉菜单上,然后设置您的点击方法以相应地更改 DropdownBDisabled 变量的值。
类似于this
在级联下拉菜单(eg:3 下拉菜单)中,如何最初禁用第 2 和第 3 下拉菜单以及当用户在第 1 下拉菜单中选择一个选项时,应启用第 2 下拉菜单。当用户在第二个选项中选择一个选项时,应该启用第三个下拉菜单。
如果有人知道,请给我一个方法,如何做上面的事情。
<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>
例如,您可以使用
ng-disabled="DropdownBDisabled"
在您想要 enable\disable 的下拉菜单上,然后设置您的点击方法以相应地更改 DropdownBDisabled 变量的值。
类似于this