Угловая UI самозагрузки: Введите впереди выбрать несколько

Question

Я использую угловой UI самозагрузки директивы опережающего для опережающего в форме

http://angular-ui.github.io/bootstrap/

Я выборку записей с удаленного сервера через $http службы. Он работает нормально. Однако я могу выбрать только один элемент из списка за раз.

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

Как достичь этого?

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

Answer 1

Этот парень сделал для этого директиву. Должен делать именно то, что вы хотите, и даже с помощью ui-bootstraps typeahead.

https://github.com/mbenford/ngTagsInput

Answer 2

В JS файл:

Чтобы получить список всех выбранных элементов, используйте $ запись с машинописным-на-выбери и нажмите на массив для ex.evtMem. delete fn удалить выбранный элемент.

HTML: Используйте таблицу, чтобы отобразить все значения массива с помощью ng-repeat. Дополнение к этому добавляет удаление изображения и функции глификона для удаления соответствующего элемента.

Answer 3

Лучшее решение, которое я нашел до сих пор, это io.select он делает именно то, что вам нужно, multi-select typeahead. и разметка аккуратные и чистые тоже, например:

<oi-select 
    oi-options="list.id as list.description for list in lists" 
    ng-model="tags" 
    multiple 
    placeholder="Select"> 
</oi-select> 

Этот компонент также совместим с начальной загрузки и начальной загрузки 4.