Ionic 4 - 来自数据列表的离子输入自动完成

Question

问题是针对 ionic 4 的。我正在尝试为 ion-input 提供一个 vale 列表。由于列表包含 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>

谢谢

Answer 1

更改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>