无法清除离子 2 中的文本区域

Question

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

我那部分的 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");
     })
    }