Question

我有下拉选项来自使用ng-repeat的数组。它正常工作。但我想以不同的方式。如果选择了一个选项，则应在其他下拉列表中禁用该选项。我们可以在棱角分明吗？我有一些代码已经在plunker中。但问题是如果我们选择一个选项，如果我们改变了，我们就无法选择之前的选项。这意味着，如果我们在第一个下拉列表中选择“Florida”，在第二个下拉列表中选择“california”，那么如果我们将第一个下拉值更改为“Delaware”，那么我们无法在下拉列表中选择所有三个选项。

Html代码是：

<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'}
    ];
});

Demo Here

如何使用下拉菜单选择只使用角度的一个值？

0 个答案: