禁用选择标记，从另一个选择标记中选择具有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/