быстрого выбора с ионными

Question

Пожалуйста, кто может мне помочь, я хочу, чтобы создать быстро выбрать с ионического

Как это изображение:

Спасибо,

Answer 1

Вы может использовать angucomplete-alt. Чтобы увидеть демо-версию go here.

bower install angucomplete-alt --save 

---

---

Here это шаг за шагом, как использовать MultiSelect:

1. установить angucomplete зависимость от MartinNuc репо:

bower.json/package.json:

dependencies: { 
    "angucomplete": "MartinNuc/angucomplete-alt#multiselect", 
    ... 
} 

2. см обновлен ридй для множественного выбора в конце this table

3. директивы использования, как это:

<div angucomplete-alt pause="400" remote-url="/api/endpoint?query=" selected-object="vm.addSelectedItemFromRemoteAutocomplete" search-fields="name" title-field="name" clear-selected="true" input-class="form-control form-control-small" match-class="highlight" multi-select="true" excluded-items="vm.selectedItems" exclude-on-select="true" exclusion-comparer-field="id">

Обратите внимание на последние 4 атрибутов:

• multi-select - причины, которые angucomplete выберите будет оставаться открытой после нажатия на элемент
• excluded-items - это используется, чтобы скрыть элементы, которые уже выбраны во время фазы нагрузки
• exclude-on-select - при нажатии на элемент будет скрыть его сразу после нажатия на них
• exclusion-comparer-field - это удобно, когда вы загружаете данные из базы данных и хотите сравнивать исключенные элементы по определенному полю, а не только по ссылке JS. Мы используем id.

4. добавить vm.addSelectedItemFromRemoteAutocomplete функцию к вашему контроллеру. Это добавит выбранный элемент в вашу собственность.

function addSelectedItemFromRemoteAutocomplete(item) { 
     if (item && item.originalObject) { 
     vm.selectedItems.push(item); 
     } 
    }