anglejsでドロップダウン値が選択されているかどうかを確認するにはどうすればいいですか？

Question

anglejsでドロップダウン値が選択されているかどうかを確認する方法はありますか？ どの値が選択されているかわかりません。ドロップダウンからの値が選択されているかどうかを知りたいだけですか？どのようにすればよいのですか？誰か助けてください知っているなら。事前にありがとう。

<button class="btn" 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" 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" 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> 

これは私が持っているドロップダウンをカスケード接続のセットです..以前のドロップダウンからanyvalueが選択されている場合、私は..次のドロップダウンを有効にする必要がありますので、私は知りたいだけかどうかを知るための任意の簡単な方法がありますanglejsでドロップダウンからの値が選択されているか、または選択されていませんか？

Answer 1

選択したアイテムのng-model値を確認し、モデルが変更されたときにng-changeをトリガーすることができます。 Hereはあなたに画像を与える私の嵐です。上記のスニペットから

<select ng-model="dd1" ng-change="updateDd2(dd1)" ng-options="o for o in dd1Array"> 
    <option value="">Hei dd1</option> 
</select> 

、あなたが見ることができる、私はselectタグをHTMLにNG-モデルを定義し、モデルの変更があった場合にトリガするためにNG-変更を追加します。

$scope.updateDd2 = function(val) { 
if (val === '1') { 
    $scope.dd2Array = subArray1; 
} else { 
    $scope.dd2Array = []; 
} 
} 

上記のスニペットは、変更が発生したときにトリガーされます。

希望します。ありがとうございました