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
особенность?