Angularjs将选定的项目隐藏在下拉选项中



我试图根据服务器的相同数据分配两个机组人员。在下拉选项中,当我在一个框中选择一个项目时。我希望选定的选项消失在下一个下拉下

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

并将shoreshow((函数定义为控制器中的$范围:

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

最新更新