Ionic 4 - автозаполнение ионного ввода из списка данных
Вопрос к ionic 4. Я пытаюсь дать список значений для ионного ввода. Поскольку список содержит 200 элементов, я хотел бы отфильтровать список. Что-то вроде этого: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist
Я уже вижу эту проблему: https://github.com/ionic-team/ionic/issues/5702 но предлагаемое решение не работает для Ionic 4:
<ion-input list = "browsers" name = "browser" placeholder = "Choose category">
<ion-label>Browsers</ion-label>
</ion-input>
<datalist id = "browsers">
<option value = "Internet Explorer"/>
<option value = "Firefox"/>
<option value = "Chrome"/>
<option value = "Opera"/>
<option value = "Safari"/>
</datalist>
Спасибо
Ответы 1
Change
ion-inputtoinput listthen you are done
Рабочий пример стекблиц
<ion-content>
<input list = "browsers" placeholder = "Choose category">
<ion-label>Browsers</ion-label>
<datalist id = "browsers">
<option value = "Internet Explorer"></option>
<option value = "Firefox"></option>
<option value = "Chrome"></option>
<option value = "Opera"></option>
<option value = "Safari"></option>
</datalist>
в ionic есть механизм сортировки, я пришлю ссылку, я исправил только тот код, который вы предоставили, пожалуйста, подождите, я предоставлю ссылку
Я уже вижу serchbar api, но он мне кажется неподходящим, потому что у меня есть список из 200 элементов. Мне нужно что-то вроде фильтра автозаполнения... У вас есть идея, как использовать панель поиска для моего конкретного случая?
ага, я не понимаю, как насчет разбиения на страницы
@ChanakaWeerasinghe Плохая новость: он отлично работал в браузере, но не работал на устройстве Android или iOS.
Оно работает. Я новичок в ионной и веб-разработке. думал, что я могу использовать только компоненты ionic ui API ( ionicframework.com/docs/components ). Почему вы используете список ввода?