두 개의 값을 선택한 경우 버튼을 활성화하십시오.

Question

두 개의 선택을 할 수 있습니다. 두 개의 선택에서 값을 선택했을 때 버튼을 활성화하고 싶습니다. 어떻게 할 수 있을지 모르겠습니까?

JSFIDDLE

내 HTML : 당신은 ng-disabled 지시어를 사용하여이 작업을 수행 할 수

<div ng-app="myapp"> 
    <fieldset ng-controller="FirstCtrl"> 
     <select 
      ng-options="people.first for people in people_1" 
      ng-model="selectedPerson1"></select> 
     <select 
       ng-options="people.first for people in people_2" 
      ng-model="selectedPerson2"></select> 
    </fieldset> 
    <br/><button class="btn btn-primary" ng-click="platform=true">Comparer</button> 
</div> 

Answer 1

. 나는 너의 jsfiddle을 여기에서 수정했다 : http://jsfiddle.net/p0t4cw84/3/. 단추를 컨트롤러 FirstCtrl의 범위로 이동하고 값을 선택하면 true 또는 false를 반환하는 범위에 메서드를 추가했습니다.

$scope.enableCompare = function() { 
    return !($scope.selectedPerson1 && $scope.selectedPerson2); 
}; 

이 정보가 도움이되기를 바랍니다.

Answer 2

여기 있습니다. 피들에 많은 문제가 있습니다. 해결했습니다.

http://jsfiddle.net/purpz7u3/

<div ng-app="myapp"> 
    <div ng-controller="FirstCtrl"> 
    <fieldset > 
     <select 
      ng-options="people.first for people in people_1" 
      ng-model="selectedPerson1" ng-change="check()"></select> 
     <select 
       ng-options="people.first for people in people_2" 
      ng-model="selectedPerson2" ng-change="check()"></select> 
    </fieldset> 
       <br/><button class="btn btn-primary" ng-disabled="checked">Comparer</button> 
    </div> 

</div> 

VAR MyApp를 angular.module = ('MyApp를'[]); myapp.controller ('FirstCtrl'기능 ($ 범위) { = TRUE scope.checked $;

$scope.people_1 = [ 
    { id: 1, first: 'John' }, 
    { id: 2, first: 'Rocky' } 
]; 
    $scope.people_2 = [ 
    { id: 1, first: 'Rambo' }, 
    { id: 2, first: 'Balboa'} 
]; 
$scope.check = function(){ 
    if($scope.selectedPerson1 && $scope.selectedPerson2){ 
     $scope.checked=false; 
    } 
} 

});