禁用选择标签与从另一个选择标签与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/