Question

在我的应用程序中，我有一个聊天区域，当用户专注于输入textarea时，键盘出现，一旦他们点击发送按钮，就会触发消息发送功能并且键盘向下滑动。但是textarea仍然包含文本。如果我在键盘不在屏幕上时点击发送btn，则文本会正常消失。

我的html部分：

<ion-toolbar position="bottom">
        <ion-textarea placeholder="Type your message here" [(ngModel)]="chatfrm.chatMessage"></ion-textarea>
        <ion-buttons end>
            <button type="button" (click)="sendMessage(chatfrm.chatMessage);chatfrm.chatMessage='';" royal>Send<ion-icon name="send"></ion-icon></button>
        </ion-buttons>
    </ion-toolbar>

和js

sendMessage(msg){
    var tmpmsg = msg;//this.chatfrm.chatMessage;
    msg = "";
    this.chatfrm.chatMessage = "";
    console.log("reset");
}

Answer 1

将功能代码包装在区域中。

导入区

import { Injectable,NgZone  } from '@angular/core';

添加构造函数

constructor(public zone: NgZone) {

}

功能

 sendMessage(msg){
     this.zone.run(() => {
        var tmpmsg = msg;//this.chatfrm.chatMessage;
        msg = ""
        this.chatfrm.chatMessage = "";
        console.log("reset");
     })
    }

离子2中不能清除textarea

1 个答案: