0
我想禁用使用ng-options AngularJS下拉已经选择的值。如何禁用使用AngularJS下拉已经选择价值？
<select name="fruit" ng-model="selectedFruits" ng-options="fruit as fruit.name for fruit in fruits"></select>
<button ng-click="add()">Add</button>
$scope.selectedFruits = undefined;
$scope.finalSelectedFruits = [];
$scope.fruits = [{'name':'banana', 'color':'green'},
{'name':'apple', 'color':'red'},
{'name':'mango', 'color':'yellow'}];
$scope.add = function() {
$scope.model.finalSelectedFruits.push($scope.selectedFruits);
};
请看看下面的图片
mango已被选中，您可以看到。如何在基于$scope.selectedFruits的新下拉列表中禁用它。
我不想内<options></options>
给我不知道有关禁用单选择选项项目，但为什么不从数组中删除，从而从选项中移除？ – jnthnjns
“禁用”选项会是什么样子？你想过滤掉这个值吗？ –
恐怕是没有直接的方法来实现这一点，但这个话题http://stackoverflow.com/questions/16202254/ng-options-with-disabled-rows中，你可以找到一个解决方案，可以为你工作 – maurycy