<ion-input> （点击）打开键盘而不是模态答案

【问题标题】：<ion-input> (click) opens keyboard instead of Modal<ion-input> （点击）打开键盘而不是模态
【发布时间】：2020-12-14 19:09:29
【问题描述】：

我的 html 中有以下代码。

<ion-item (click)="showAddressModal()">
<ion-input [(ngModel)]="address.formattedAddress"
type="text" placeholder="Pick a location for your event">
</ion-input>
</ion-item>

showAddressModal() 本质上是打开一个模式页面，用户可以在其中搜索地址。

当我使用 ionic cordova 运行浏览器在 chrome 上运行它时，它就像魅力一样。

然而，在 IOS 上，需要 2 次，有时 3 次点击才能打开模式。第一次单击会弹出键盘。如果我通过使用 [readonly]="true" 禁用键盘，则键盘不会出现，但我仍然需要单击 2 次。如果我使用 [disabled] 禁用整个输入，则它不符合我的目的 - 无法单击。我尝试将（点击）从 ion-item 移动到 ion-input，我尝试完全删除 ion-item，但无济于事！

请分享您对我如何解决此问题的看法。

问候， J

【问题讨论】：

标签： ios cordova ionic-framework keyboard modal-dialog

【解决方案1】：

好的。现在，我已经通过完全删除 ion-input 并仅使用带有（单击）侦听器的 ion-text 来解决我自己的问题。代替占位符，如果 address.formattedAddress 为空，我只显示相同的占位符。

仍然不确定 ion-input 和 iOS 的问题出在哪里，但将把问题留到另一天解决。

对于那些好奇地想看看新代码的人来说，这是模板代码的样子 - 我的组件或模态本身没有任何变化 -

<ion-item (click)="showAddressModal()">
<ion-text inputmode="none">
{{ (address.formattedAddress == "") ? "Pick a location for your event" : address.formattedAddress}}
</ion-text>
</ion-item>

谢谢！

【讨论】：