Angular HTML Select选项禁用和启用
Angular HTML Select选项禁用和启用
提问于 2013-09-10 23:17:40
我有一个html选择选项
<select>
<option ng-repeat="field in filter.fields" value="{{field.id}}">{{field.name}}</option>
</select>我正在从ng-repeat迭代它，我想根据一个可选择的字段禁用选项，比如
<select>
<option ng-repeat="field in filter.fields" {field.selectable==true?enable:disable} value="{{field.id}}">{{field.name}}</option>
</select>我如何用angular来实现这一点呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-10 23:26:12
假设你有一个这样的结构：
$scope.filter = {
fields: [
{id: 1, name: "a", selectable: false},
{id: 2, name: "asdf", selectable: true},
{id: 3, name: "qwet", selectable: false},
{id: 4, name: "qnjew", selectable: true},
{id: 5, name: "asdjf", selectable: false}
]
};这对你来说应该是可行的：
<select>
<option ng-repeat="field in filter.fields" ng-disabled="field.selectable" value="{{field.id}}">{{field.name}}</option>
</select>Stack Overflow用户
发布于 2016-06-08 13:10:02
这实际上是一个相当古老的问题。在较新版本的Angular (angular 1.4+)中有ngOptions指令。以下是链接：
https://docs.angularjs.org/api/ng/directive/ngOptions
现在有一种处理这种情况的语法：-
label disable when disable for value in array track by trackexpr我想我应该把这个放进去，以防其他人访问这个页面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18722783
复制相关文章
相似问题