我有一个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来实现这一点呢?
发布于 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>
发布于 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
我想我应该把这个放进去,以防其他人访问这个页面。
https://stackoverflow.com/questions/18722783
复制相似问题