我想禁用AngularJS中的一个特定选项。
它应该在列表中列出,但不应该允许它被选中。所以我需要禁用它。
MyFile.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和cherry应该被禁用,不应该允许用户选择它。
可能吗?如果可能的话,请告诉我解决方法。
2条答案
按热度按时间b4qexyjb1#
使用
disabled
属性禁用select
选项。由于ng-options
不支持禁用,因此您必须在ng-repeat
中生成选项,并根据需要设置ng-disabled。模板(T):
字符串
内部控制器:
型
JSBin的一个。
iecba09b2#
刚刚遇到这个,值得一提的是,这是可能的,因为Angular版本1.4.0-rc.1
以下是文档ngOptions
一些对话Angular Github
个字符
Plunker
如果你设置禁用值为默认值,它不会工作,你会看到空白选定的项目,而不是。