在 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'" 之类的东西应该可以工作。