代码之家 › 专栏 › 技术社区 › El Dude

Iionic-可点击搜索栏

searchbar ionic2 ionic-framework angular

0

El Dude · 技术社区 · 7 年前

有没有办法限制搜索栏,使其对点击做出反应而不显示键盘?

我试图模仿谷歌地图的功能

用户轻敲吧台
将打开一个新视图/模式,并显示一个新的栏
搜索栏键盘随即打开。属于

课程G地图的实施效率更高,并且全部在一个平滑的过程中完成。

我现在的有效解决方案是

点击bar1
键盘在加载新视图时打开
键盘关闭
必须在新视图中点击bar2才能打开键盘

这是糟糕的UX。如何使用Ionic简化此过程,而不必在视图打开时打开键盘并触发bar2键盘。

1 回复 | 直到 6 年前

1

2

Miguel Hernandez 7 年前

在…内 ion-navbar 打电话 ion-input :

<ion-navbar color="primary">
    <ion-input placeholder="Search..." (ionFocus)="openSearchModal()" readonly>
        <ion-icon name="md-mic"></ion-icon>
    </ion-input>
</ion-navbar>

将输入设置为只读,并在用户单击输入打开搜索模式时绑定函数。