Angularjs -选择后删除/禁用选项

<div ng-controller="MyController">
  <select ng-model="selectedOption" ng-change="updateOptions()">
    <option ng-repeat="option in options" value="{{option.value}}">{{option.label}}</option>
  </select>
  
  <select ng-model="disabledOption">
    <option ng-repeat="option in disabledOptions" value="{{option.value}}" ng-disabled="option.disabled">{{option.label}}</option>
  </select>
</div>

angular.module('myApp', [])
  .controller('MyController', function($scope) {
    $scope.options = [
      { label: 'Option 1', value: 'option1' },
      { label: 'Option 2', value: 'option2' },
      { label: 'Option 3', value: 'option3' }
    ];
    
    $scope.disabledOptions = [
      { label: 'Disabled Option 1', value: 'disabledOption1', disabled: false },
      { label: 'Disabled Option 2', value: 'disabledOption2', disabled: false },
      { label: 'Disabled Option 3', value: 'disabledOption3', disabled: false }
    ];
    
    $scope.updateOptions = function() {
      // 根据选择的选项更新禁用选项
      if ($scope.selectedOption === 'option1') {
        $scope.disabledOptions[0].disabled = true;
      } else if ($scope.selectedOption === 'option2') {
        $scope.disabledOptions[1].disabled = true;
      } else if ($scope.selectedOption === 'option3') {
        $scope.disabledOptions[2].disabled = true;
      }
    };
  });