我想从 AngularJS 下拉列表中禁用特定选项。
它应该列在下拉列表中,但不应允许选择它。所以我需要禁用它。
我的文件.tpl.html
<select class="form-control" ng-model="selectedFruits"
ng-options="fruit as fruit.name for fruit in fruits">
</select>
MyController.js
$scope.fruits = [{'name': 'apple', 'price': 100},{'name': 'guava', 'price': 30},
{'name': 'orange', 'price': 60},{'name': 'mango', 'price': 50},
{'name': 'banana', 'price': 45},{'name': 'cherry', 'price': 120}];
这里所有的水果名称都应该列在下拉列表中,但是mango and cherry应该被禁用并且不允许用户选择它。
是否可以?如果可以的话,请让我知道解决方案。
select
选项被禁用disabled
属性。自从ng-options
不支持禁用,您必须在其中生成选项ng-repeat
并设置NG-禁用根据要求。
模板:
<select class="form-control" ng-model="selectedFruits">
<option
ng-repeat="fruit in fruits"
ng-disabled="disabledFruits.indexOf(fruit.name) !== -1"
ng-value="fruit">
{{fruit.name}}
</option>
</select>
内部控制器:
$scope.disabledFruits = ["mango", "cherry"]
JSBin.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)