最初に2番目と3番目のドロップダウンを無効にする方法と、1番目のドロップダウンでオプションを選択すると2番目のドロップダウンを有効にする必要があります。ユーザーが2番目のオプションを選択すると、3番目のドロップダウンを有効にする必要があります。anglejsでドロップダウンボタンを1つずつ有効にする方法(カスケードドロップダウン)
誰でも知っているなら、私に方法を教えてください。上記を行う方法。
<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>
これは非常に簡単な質問です。自分で解決策を見つける努力をしていないことが分かりました(何か試したことがあるかもしれませんが、うまくいかないことがあります)。ここでは簡単な答えが隠されています。それぞれの入力は前のパターンの直後に来る各整数として記述できるのと同じように、前のパターンの後に直線的に来ます。 – gelliott181