Ionic 2 键盘打字时变慢答案

【问题标题】：Ionic 2 Keyboard becomes slow when typingIonic 2 键盘打字时变慢
【发布时间】：2017-07-24 18:27:04
【问题描述】：

我在 android 上输入 textarea 时遇到问题，输入时键盘变慢。我似乎不知道为什么会发生这种情况，因为我没有在每个按键/输入上运行任何代码。

下面是我的 textarea html 代码

<ion-footer>
  <ion-grid class="input-wrap">
    <ion-row>
      <ion-col col-10>
        <ion-list no-lines>
          <ion-item>
            <ion-textarea #chatInput placeholder="Type a message" (keyup.enter)="sendMessage(chatInput)" [(ngModel)]="messageField"></ion-textarea>
            </ion-item>
        </ion-list>
      </ion-col>
      <ion-col col-2>
        <button [disabled]="messageField == ''" ion-button clear icon-only item-right (click)="sendMessage(chatInput)">
          <ion-icon  name="ios-send" ios="ios-send" md="md-send"></ion-icon>
        </button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-footer>

任何有关解决此问题的想法都将不胜感激。

【问题讨论】：

怀疑sendMessage函数，你们那里有一个阻塞任务。

标签： javascript android ionic-framework ionic2

【解决方案1】：

我遇到了同样的问题。我尝试改用 textarea，它解决了我的问题：

<ion-footer>
  <ion-grid class="input-wrap">
    <ion-row>
      <ion-col col-10>
        <ion-list no-lines>
          <ion-item>
            <textarea #chatInput placeholder="Type a message" (keyup.enter)="sendMessage(chatInput)" [(ngModel)]="messageField"></textarea>
            </ion-item>
        </ion-list>
      </ion-col>
      <ion-col col-2>
        <button [disabled]="messageField == ''" ion-button clear icon-only item-right (click)="sendMessage(chatInput)">
          <ion-icon  name="ios-send" ios="ios-send" md="md-send"></ion-icon>
        </button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-footer>

【讨论】：