如何檢查在AngularJS中是否選擇了選擇

Question

如何檢查在AngularJS中是否選擇了選擇。我試圖使用

$scope.$watch 

對於這些選擇的模型，但我這不是有效的。

這是我目前的解決方案的例子。 HTML：

<div ng-app> 
<div ng-controller="testCtrl"> 
    <select ng-model="first"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
    <select ng-model="second"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
</div> 
</div> 

和JavaScript代碼：

function testCtrl($scope) { 
$scope.$watch('first + second', function() { 
      if (angular.isDefined($scope.first) && 
       angular.isDefined($scope.second) 
       ) { 
       alert("user chose from the two drop downs."); 
      } 

     }); 
} 

而這裏的jsfiddle：

http://jsfiddle.net/zono/atN5n/1/

但我一點這個解決方案不是有效的。

此致敬禮。

Answer 1

通常，在您的控制器上設置手錶被認爲是不正確的形式（它們在指令中工作得更好）。

在每一個你選擇，你可以添加

<select ng-change="selectChanged()"... 

然後在你的控制器，你可以處理此事件，因爲你是打算用你的手錶做

function testCtrl($scope) { 
    $scope.selectChanged = function() { 
     if (angular.isDefined($scope.first) && 
      angular.isDefined($scope.second)) { 
      alert("user chose from the two drop downs."); 
     } 
    }); 
} 

Working Fiddle

這裏有一些關於此的更多信息：http://www.benlesh.com/2013/10/title.html

Answer 2

提示： AngularJS提供ngFocus和ngBlur指令。