AngularJS- Как включить выбор нескольких элементов из списка "автозаполнение"?

На одной из страниц моего приложения angularJS я отображаю табличный виджет с некоторой информацией о состоянии системы. Недавно я добавил функцию, позволяющую пользователю добавлять одну ячейку в ячейку таблицы, которая будет перенаправлять пользователя на указанную страницу при нажатии. Пользователь добавляет кнопку в таблицу, используя диалоговое окно "Настройка виджета", открытое при нажатии кнопки "Настройки" на панели инструментов виджета.

В этом диалоговом окне имеется поле для ввода текста, которое, когда пользователь начинает вводить текст, автоматически отображает раскрывающийся список доступных страниц, на которые пользователь может создать кнопку для добавления ссылки в ячейку таблицы. В настоящий момент, как только пользователь щелкает один из параметров в этом раскрывающемся списке, поле ввода текста заполняется его значением, и кнопка назначается указанной ячейке.

Теперь я хочу реализовать возможность добавлять несколько кнопок в одну ячейку таблицы, но пока не могу этого сделать, поскольку раскрывающийся список, отображаемый, когда пользователь начинает печатать, позволяет выбирать только один элемент за раз.

Выпадающий список отображается auto-complete атрибут поля ввода в HTML:

<div class="repeat-item-animation" data-ng-repeat="row in widget.table.rows">
    <div class="row">
        <div class="col-sm-12 input-addon-btn widget-picker-table-row-input">
            <tags-input min-length="1"
                    um-max-tags-strict
                    key-property="tag"
                    data-ng-model="row"
                    display-property="tag"
                    template="tagItem.html"
                    replace-spaces-with-dashes="false"
                    on-tag-adding="onAddingTagItem($tag)"
                    on-tag-added="warning.rows = undefined"
                    um-tags-input-warning="{{warning.rows}}"
                    max-tags="{{widget.table.headers.length}}"
                    placeholder="Start typing a tag name or some text">
                <auto-complete min-length="1"
                        load-on-focus="true"
                        load-on-empty="true"
                        display-property="tag"
                        select-first-match="false"
                        template="autocomplete.html"
                        source="autocompleteTagsFilter($query)">
                </auto-complete>
            </tags-input>
        <a href data-ng-click="widget.table.rows.splice($index, 1)"
                   class="btn-icon btn-icon-sm btn-config btn-danger">
            <span class="glyphicon glyphicon-minus-sign"></span>
        </a>
    </div>
</div>

Как я могу изменить функциональность этого поля ввода, чтобы оно позволяло выбирать несколько элементов из элементов, отображаемых autocomplete особенность?

0 ответов

Другие вопросы по тегам