Javascript 如何使用“角度”下拉菜单仅选择一个值?
我有一个下拉列表,其中的选项来自使用ng repeat的数组。它与正常的下拉菜单一样工作。但我想用另一种方式。如果选择了一个选项,则应在其他下拉列表中禁用该选项。我们可以这样做吗?我在plunker中已经有一些代码了。但问题是如果我们选择了一个选项,如果我们改变了,我们就无法选择上一个选项。这意味着,如果我们在第一个下拉列表中选择“Florida”,在第二个下拉列表中选择“california”,那么如果我们将第一个下拉列表值更改为“Delaware”,那么我们无法在下拉列表中选择所有三个选项 Html代码是:Javascript 如何使用“角度”下拉菜单仅选择一个值?,javascript,html,angularjs,drop-down-menu,Javascript,Html,Angularjs,Drop Down Menu,我有一个下拉列表,其中的选项来自使用ng repeat的数组。它与正常的下拉菜单一样工作。但我想用另一种方式。如果选择了一个选项,则应在其他下拉列表中禁用该选项。我们可以这样做吗?我在plunker中已经有一些代码了。但问题是如果我们选择了一个选项,如果我们改变了,我们就无法选择上一个选项。这意味着,如果我们在第一个下拉列表中选择“Florida”,在第二个下拉列表中选择“california”,那么如果我们将第一个下拉列表值更改为“Delaware”,那么我们无法在下拉列表中选择所有三个选项
<div ng-app="myApp" ng-controller="MyCtrl">
<div ng-repeat="address in addresses">
Billing State:
<select
ng-model="address.state"
ng-options="state.lookupCode as state.description for state in lov_state"></select>
<tt>State selected: {{address.state}}</tt>
</div>
</div>
请看我对另一个问题的回答:我相信这就是你在澄清问题后所做的。把它说成一组要点,这样我们就可以复制。使用特定的输入和预期结果。
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function($scope) {
$scope.addresses = [
{'state': 'AL'},
{'state': 'CA'},
{'state': 'FL'}
];
$scope.lov_state = [
{'lookupCode': 'AL', 'description': 'Alabama'},
{'lookupCode': 'FL', 'description': 'Florida'},
{'lookupCode': 'CA', 'description': 'California'},
{'lookupCode': 'DE', 'description': 'Delaware'}
];
});