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-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> 

, 당신은 내가 선택한 태그를 HTML로 NG-모델을 정의, 참조 모델의 변화가있는 경우 트리거 NG 변화를 추가 할 수 있습니다.

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

위의 스 니펫은 변경이 발생하면 트리거됩니다.

은 도움 바랍니다. 감사합니다.