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

Question

我需要在ui-select repeat

中禁用一个或多个选项

这是一个我想重复的数组

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这是一个选择功能

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

例如，我想停用item2和item4

我该如何实施？

Answer 1

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

在您的情况下，ui-disable-choice="item == 'item2' || item == 'item4'"之类的内容应该有用。