【问题标题】:ion-input only allows one character to be entered at a timeion-input 一次只允许输入一个字符
【发布时间】:2017-12-09 09:17:24
【问题描述】:

在我的应用程序的登录页面上,我有一个输入框,用户需要在其中输入 ID 才能加入活动。这一直没有任何问题,但现在突然(没有更改该页面上的任何内容)它只允许我每次聚焦输入框时输入一个字符。 (所以如果我取消选择它并再次选择它,我可以添加另一个数字)。

这只发生在 iOS 上。在浏览器和 Android 上它可以正常工作。

控制台中没有错误,我没有在任何地方以编程方式更改该变量的值。

page.ts

eventId: string;

page.html

    <ion-list>
      <ion-item>
        <ion-input type="tel" [(ngModel)]="eventId" placeholder="Event ID" clearInput></ion-input>
      </ion-item>
    </ion-list>

我真的不知道什么会导致这种行为,尤其是因为我已经很长时间没有更改该代码了。

我已经在这个问题上花费了更多时间,我想承认,也许我遗漏了一些明显的东西?

感谢您的帮助。

【问题讨论】:

  • 您是否使用 ios 模拟器来检查此行为。
  • 不,我使用的是真机。
  • clearInput 在你的标签上做了什么
  • 我认为它在末尾添加了一个小的“取消”按钮,用于清除输入。我找到了导致问题的原因并将其写在答案中。
  • 哇...很高兴知道。

标签: angular ionic2


【解决方案1】:

在挖掘提交历史一个小时后,我终于找到了导致它的原因。我试图使用 css 抑制放大镜:

* {
  -webkit-user-select: none; // Hide the "bubble" on press
}

这导致了问题。我真的不明白为什么,但至少它现在又可以工作了。

【讨论】:

  • 正是发生在我身上的事情,这解决了它!谢谢! :D
猜你喜欢
  • 2013-08-05
  • 2011-11-13
  • 1970-01-01
  • 2016-03-28
  • 2019-09-22
  • 1970-01-01
  • 1970-01-01
  • 2015-07-14
  • 2022-01-24
相关资源
最近更新 更多