Html 离子4-离子输入从数据列表自动完成

问题是爱奥尼亚4号。 我正试着给你一个关于离子输入值的列表。因为这个列表包含200个项目，所以我想过滤这个列表。 大概是这样的：

我已经看到了这个问题： 但提议的解决方案不适用于离子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>

浏览器

谢谢

将

离子输入

更改为

输入列表

，即可完成操作

工作示例

浏览器

它可以工作。我是爱奥尼亚和网络开发的新手。我想我只能使用离子ui组件api（）。为什么使用输入列表？有一种机制可以在ionic中排序，我将发送链接以供参考，我只更正了您提供的代码，请稍候，我将提供链接我已经看到serchbar api，但它似乎不适合我，因为我有一个200项的列表。我需要一个自动完成过滤器之类的东西…你知道如何在我的具体案例中使用搜索栏吗？是的，我不明白，怎么样pagination@ChanakaWeerasinghe坏消息是，它在浏览器上运行良好，但在Android或iOS设备上不起作用。

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