代码之家  ›  专栏  ›  技术社区  ›  Andrii Blinov

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

  •  0
  • Andrii Blinov  · 技术社区  · 7 年前

    我需要禁用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

    1 回复  |  直到 7 年前
        1
  •  2
  •   Stanislav Kvitash    7 年前

    ui-disable-choice 属性与 ui-select-choices 传递表达式以进行检查。

    ui-disable-choice="item == 'item2' || item == 'item4'"