Ionic framework 无法清除离子2中的文本区域
在我的应用程序中,我有一个聊天区,当用户关注输入文本区时,键盘会弹出,一旦他们点击发送按钮,就会触发消息发送功能,键盘会向下滑动。但是文本区域仍然包含文本。如果我在键盘不在屏幕上时点击发送btn,文本将正确消失 我对该部分的html:Ionic framework 无法清除离子2中的文本区域,ionic-framework,ionic2,Ionic Framework,Ionic2,在我的应用程序中,我有一个聊天区,当用户关注输入文本区时,键盘会弹出,一旦他们点击发送按钮,就会触发消息发送功能,键盘会向下滑动。但是文本区域仍然包含文本。如果我在键盘不在屏幕上时点击发送btn,文本将正确消失 我对该部分的html: <ion-toolbar position="bottom"> <ion-textarea placeholder="Type your message here" [(ngModel)]="chatfrm.chatMessage
<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>
用区域包装函数代码 进口区
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");
})
}
你能重现你的错误吗?您是否在构造函数中初始化了chatfrm=[]
sendMessage(msg){
this.zone.run(() => {
var tmpmsg = msg;//this.chatfrm.chatMessage;
msg = ""
this.chatfrm.chatMessage = "";
console.log("reset");
})
}