AngularJS在下拉选项中隐藏选定的项目

Question

我正在尝试根据服务器上的相同数据分配两个工作人员。在下拉选项中，当我在一个框中选择一个项目时。我希望所选的选项在下一个下拉列表中消失

Answer 1

您可以在ngOptions表达式中使用过滤器：
像这样定义两个选择框，一个带过滤器

<select ng-model="crew1" ng-options="crew.text for crew in crews1></select>
<select ng-model="crew2" ng-options="crew.text for crew in crews2 | filter:shouldShow"></select>

并在控制器中将shouldShow（）函数定义为$ scope：

$scope.shouldShow = function (crew) {
 // put your authorization logic here
  return $scope.crew1 != 'selectedOption';
}