<ion-input> (单击)打开键盘而不是模态



我的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次点击。第一次单击会使键盘向上移动。如果我通过使用[只读]="只读"来禁用键盘;真";打开,然后键盘就不会出现,但我仍然需要点击2次。如果我使用[disabled]禁用整个输入,那就不符合我的目的——无法点击。我尝试过将(点击(从离子项目移动到离子输入,我尝试过完全删除离子项目,但没有效果!

请分享你对我如何解决这个问题的看法。

谨致问候,J

好。目前,我已经解决了自己的问题,完全删除了ion输入,只使用带有(点击(监听器的ion文本。如果address.formatedAddress为空,我只显示相同的占位符,而不是占位符。

仍然不确定离子输入和iOS的问题在哪里,但将把问题的解决留到另一天。

对于那些想看看新代码的人来说,以下是模板代码的样子——对我的组件或模态本身没有任何更改——

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

谢谢!

最新更新