Angular Ionic2中的打开和关闭模式

Angular Ionic2中的打开和关闭模式,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,我正在模拟与ionic2的聊天,我想打开一个模式(聊天页面),能够关闭它并重新打开相同的模式(使用关闭模式之前的消息) 这就是我所做的(我删除了样板代码): homepage.html <ion-col><ion-icon name="chatbubbles" (click)="presentChatModal()"></ion-icon></ion-col> presentChatModal() { this.chatModal

我正在模拟与ionic2的聊天,我想打开一个模式(聊天页面),能够关闭它并重新打开相同的模式(使用关闭模式之前的消息)

这就是我所做的(我删除了样板代码):

homepage.html

<ion-col><ion-icon name="chatbubbles" (click)="presentChatModal()"></ion-icon></ion-col>
presentChatModal() {
        this.chatModal = this.modalCtrl.create(ModalPage, {param: this.chats});
        this.ModalPage.onDidDismiss(data => {
             console.log("messages: "+data);
        });
        this.chatModal.present();
    }
modal.html

<button (click)="dismiss()">CLOSE</button>
这是我的问题:我可以打开模态,写消息和关闭模态;但是如果我打开一个模态,关闭它,重新打开它,然后再关闭它,当我第三次打开模态时,我会看到同样的消息3次。我想这是因为我每次尝试用
presentchatmodel
打开它时都会创建一个新的模式

是否有可能破坏一个模式,以便每次我调用
presentchatmodel
时都能确定其他
MyModalPage
对象不存在?
如果没有,我该如何解决这个问题?

如果将presentChatModal的第一行放在函数之外,会怎么样?能否在添加聊天信息的地方添加代码?如果没有它,我真的无法理解问题。@Lucio如果我尝试放置this.chatModal=this.modalCtrl.create(ModalPage,{param:this.chats});在构造函数内部(我已经尝试过了),我收到了以下错误:尝试使用破坏视图:当我尝试在一次关闭后打开时检测更改Hi,你找到了解决方法吗?如果你将presentChatModal的第一行放在函数外部会怎么样?你能在添加消息到聊天的地方添加代码吗?如果没有它,我真的无法理解问题。@Lucio如果我尝试放置this.chatModal=this.modalCtrl.create(ModalPage,{param:this.chats});在构造函数内部(我已经试过了),我收到了这样一个错误:尝试使用一个已破坏的视图:detectChanges当我尝试在一次关闭后打开时,你找到了解决方法吗?
    constructor(private navCtrl: NavController, private navParams: NavParams, private viewCtrl: ViewController) {

    this.chats = navParams.get('param');
}

dismiss() {
      this.viewCtrl.dismiss(this.chats);
    }