javascript - 禁用选择标签，并使用 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/