禁用選擇標籤與從另一個選擇標籤與angularjs和ng-repeat選擇選項

Question

我有兩個選擇元素，我想通過選擇另一個選擇一個特定的選項禁用一個選擇標記。

下面是HTML：

<select name="" ng-model="round.evaluation.availability" required ng-change="update()"> 

    <option value="">Select Availability </option> 
    <option ng-repeat="list in availabilityList" value="{{list.dbValue}}">{{list.displayValue}}</option> 
</select> 


<select name="" id="" ng-model="round.evaluation.attitude" ng-disabled="isDisabled" required> 

    <option value="">Select Attitude</option> 
    <option ng-repeat="list in attitudeList" value="{{list.dbValue}}">{{list.displayValue}}</option> 
</select> 

這裏是JS：

$scope.availabilityList = [{displayValue:"On Time",dbValue:"on_time"}, 
          {displayValue:"Late",dbValue:"late"}, 
          {displayValue:"No Show",dbValue:"no_show"}] 


$scope.attitudeList = [{displayValue:"Bad",dbValue:"bad"}, 
         {displayValue:"Normal",dbValue:"normal"}, 
         {displayValue:"Great",dbValue:"great"}] 

Answer 1

試試這個：

ng-disabled="round.evaluation.availability == 'no_show'" 

的jsfiddle：http://jsfiddle.net/Lvc0u55v/9951/