Ionic 4 - автозаполнение ионного ввода от datalist - PullRequest
1 голос
/ 09 июля 2019

Вопрос к ионному 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 Ответ

1 голос
/ 09 июля 2019

Измените ion-input на input list, тогда все готово

Рабочий пример stackblitz

 <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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...