2016-12-08 10 views
0

最初に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> 
+0

これは非常に簡単な質問です。自分で解決策を見つける努力をしていないことが分かりました(何か試したことがあるかもしれませんが、うまくいかないことがあります)。ここでは簡単な答えが隠されています。それぞれの入力は前のパターンの直後に来る各整数として記述できるのと同じように、前のパターンの後に直線的に来ます。 – gelliott181

答えて

0

たとえば、あなたが設定に応じてDropdownBDisabled変数の値を変更するためにあなたのクリックの方法、その後の\無効を有効にすると、ドロップダウンに

ng-disabled="DropdownBDisabled" 

を使用することができます。

何かのようにthis

+0

このリンクをお寄せいただきありがとうございます – radiance88

関連する問題