随笔记录（一） ionic里集成H5下拉框输入过滤

逆风Hero

于 2017-08-07 20:46:41 发布

阅读量905

点赞数

CC 4.0 BY-SA版权

分类专栏： ionic心得文章标签： ionic 下拉框模糊过滤

本文链接：https://blog.youkuaiyun.com/hacker0817/article/details/76861179

ionic心得专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用 HTML5 中的 datalist 元素结合 ngFor 指令来实现带有选项列表的输入框，方便用户从预定义的选项中进行选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

实现：

<label>请选择：</label>
<input
type="text"
id="txt_ide"
list="ide" />
<datalist
id="ide">
<option *ngFor="let item of items"
value="{{item.value}}">{{item.value}}</option>
</datalist>