Angularjs 选择另一个下拉列表中的值时禁用选择

我有两个下拉列表。列表1有选项a、b、c、d。清单2有选项e、f、g、h。当选择列表1中的时，我需要。列表2中的值应为e，同时禁用列表2中的选择。我想知道我如何实施它？提前谢谢

    <div class="form-group">
        <label>List1 </label>
        <div class="col-sm-6">
            <select class="form-control" ng-model="list1">
                <option ng-repeat="option in list1Choice" value={{option}} ng-selected="option == list1" ng-bind="option"></option>
            </select>
        </div>
    </div>



    <div class="form-group">
        <label>List2 </label>
        <div class="col-sm-6">
            <select class="form-control" ng-model="list2">
                <option ng-repeat="option in list2Choice" value={{option}} ng-selected="option == list2" ng-bind="option"></option>
            </select>
        </div>
    </div>

清单1
清单2

这里有一种方法

有两个关键要素。第一，第二个select中的ng disabled指令

//when $scope.select1 is equal 'a'
ng-disabled="select1 == 'a'"

$scope.onChange = function() {
    if($scope.select1 == 'a') {
    $scope.select2 = 'e';
  }
}

第二个关键元素是ng change，它调用一个函数来设置第二个select的值

//when $scope.select1 is equal 'a'
ng-disabled="select1 == 'a'"

$scope.onChange = function() {
    if($scope.select1 == 'a') {
    $scope.select2 = 'e';
  }
}

---

当然还有其他方法，这只是其中之一。

这里有一种方法

有两个关键要素。第一，第二个select中的ng disabled指令

//when $scope.select1 is equal 'a'
ng-disabled="select1 == 'a'"

$scope.onChange = function() {
    if($scope.select1 == 'a') {
    $scope.select2 = 'e';
  }
}

第二个关键元素是ng change，它调用一个函数来设置第二个select的值

//when $scope.select1 is equal 'a'
ng-disabled="select1 == 'a'"

$scope.onChange = function() {
    if($scope.select1 == 'a') {
    $scope.select2 = 'e';
  }
}

---

当然还有其他方法，这只是其中之一。

谢谢您的帮助！！好奇还有什么其他方法。@diane none我想不出lol。我只是想让其他人想出一个不同/更好的解决方案。谢谢你的帮助！！好奇还有什么其他的方法。@diane none我想不出lol。我只是想其他人可能会想出一个不同/更好的解决方案。