Angular Iionic-可点击搜索栏

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

我正在尝试模仿谷歌地图的功能

• 用户轻敲该条

• 将打开一个新视图/模式，并显示一个新栏

• 搜索栏键盘随即打开。的
  课程G地图的实施效率更高，所有工作都在一个平滑的过程中完成

我现在的工作解决方案是

• 轻触酒吧1
• 键盘在加载新视图时打开
• 键盘关闭
• 必须在新视图中点击bar2以打开键盘

---

这是糟糕的UX。在视图打开时，我如何使用Ionic bar1打开键盘并触发bar2键盘来简化此操作。

在

离子导航栏内部
放置
离子输入
：

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



将输入设置为只读，并在用户单击输入打开搜索模式时绑定一个功能。
在
ion导航栏内
放置
ion输入
：

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



将输入设置为只读，并在用户单击输入打开搜索模式时绑定一个函数。
太好了！谢谢现在，当搜索栏打开时，我如何在下一个视图中打开它的键盘？如果您要在模式页面中使用searcbar，您可以使用@ViewChild（searchbar）searchbar:searchbar获得搜索栏，然后您就可以这样做了。searchbar.setFocus（）。这只适用于AndroidGreat！谢谢现在，当搜索栏打开时，我如何在下一个视图中打开它的键盘？如果您要在模式页面中使用searcbar，您可以使用@ViewChild（searchbar）searchbar:searchbar获得搜索栏，然后您就可以这样做了。searchbar.setFocus（）。这只适用于Android