Как проверить, выбрано ли выпадающее значение или нет в angularjs?

Question

Как проверить, выбрано ли выпадающее значение или нет в angularjs? Я не хочу знать, какое значение выбрано. Я просто хочу знать, выбрано ли какое-либо значение из выпадающего списка или нет? Как я могу сделать это простым способом. Если кто-то знает, пожалуйста, помогите. Спасибо заранее.

<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 из предыдущего раскрывающегося списка выбран .. Так что я хочу знать, есть ли простой способ просто знать, является ли любое значение из раскрывающегося списка выбрано или нет в angularjs?

Answer 1

Возможно, вы можете проверить значение ng-модели для выбранного элемента и вызвать ng-change при изменении модели. Here мой плун, чтобы дать вам картину.

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

Из приведенного выше фрагмента кода, вы можете видеть, я определяю нг-модель для HTML выберите тег, и добавить нг-изменения, чтобы вызвать, если есть изменения в модели.

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

Выше фрагмента запускается при возникновении изменения.

Надеюсь, что это поможет. Спасибо