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

franco_b

问题是关于离子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>

谢谢

Chanaka Weerasinghe

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。