禁用 UI 选择中重复列表中的一个或多个项目

Question

>我需要在ui-select repeat中禁用一个或多个选项

这是一个我想重复的数组

$scope.list = ['item1', 'item2', 'item3', 'item4']

这是一个选择函数

<ui-select ng-model="item"
on-select="changeItem()"
ng-disabled="isReadOnly()" required>
<ui-select-match class="ui-select-match">
<span ng-bind="$select.selected"></span>
</ui-select-match>
<ui-select-choices class="ui-select-choices"
repeat="item in list">
<div class="row">
<div class="col-md-12">
<span ng-bind="item"></span>
</div>
</div>
</ui-select-choices>
</ui-select>

例如，我想禁用item2和item4

我该如何实现它？

Answer 1

如果要禁用某些选项，可以将ui-disable-choice属性与ui-select-choices一起使用，以传递要检查的表达式。

在您的情况下，像ui-disable-choice="item == 'item2' || item == 'item4'"这样的东西应该可以工作。