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

Html AngularJS在下拉选项中隐藏选定项目,html,angularjs,Html,Angularjs,我正试图根据来自服务器的相同数据分配两个工作组。在下拉选项中,当我在一个框中选择一个项目时。我希望所选选项在下一个下拉列表中消失您可以在ngOptions表达式中使用过滤器: 像这样定义两个选择框,一个带有过滤器 <select ng-model="crew1" ng-options="crew.text for crew in crews1></select> <select ng-model="crew2" ng-options="crew.text for

我正试图根据来自服务器的相同数据分配两个工作组。在下拉选项中,当我在一个框中选择一个项目时。我希望所选选项在下一个下拉列表中消失

您可以在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>

您可以在第一个下拉列表的ng更改中调用一个函数,在该函数中删除下一个下拉列表的上一个值。ng选项来自同一数组:并且选择框可以是多个,我从ng重复获取选择框:ng repeat=“CITCrewAllocation in CITCrewAllocations”这获取选择框的数量,所有来自同一阵列的馈送都不重要,ng模型值将不同,所有重要的只是添加一个过滤器并限制ng选项值显示,如上所示。希望有帮助。:)
$scope.shouldShow = function (crew) {
 // put your authorization logic here
  return $scope.crew1 != 'selectedOption';
}