在 ui select 中禁用重复列表中的一项或多项

Question

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

这是我要重复的数组

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

这是一个 select 函数

<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 attribute together with ui-select-choices 传递一个表达式来检查。

在你的情况下，ui-disable-choice="item == 'item2' || item == 'item4'" 应该可以。

在 ui select 中禁用重复列表中的一项或多项

disable one or more item in repeat list in ui select

angularjs

ui-select