Iionic-可点击的搜索栏

Question

有没有一种方法来限制搜索栏，使其对点击/点击做出反应，而不显示键盘？

我正在尝试模仿

的google maps功能

• 用户点击栏上
• 打开一个新视图/模式并带有一个新栏

• 然后打开搜索栏键盘。的

  课程G Maps的实施效率更高，并且可以通过一个流畅的过程完成。

我现在作为可行的解决方案是

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

这是错误的UX。在视图打开时，如何在没有bar1打开键盘并触发bar2键盘的情况下使用Ionic简化此操作。

Answer 1

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

将输入设置为只读，并在用户单击输入以打开搜索模式时绑定功能。