angular - Ionic 3 如何在模态上显示吐司？

Question

您好，我有不常见的创建活动结构。第一个OverviewPage用户可以打开模式，从列表中选择一个活动后，它会推送到所需的activityPage活动创建页面。

用户离开该页面后，提交新活动我按该顺序使用导航方法

this.navCtrl.getPrevious().data.toastMessage = 'Added activity successfully';
this.navCtrl.pop();

添加新活动后，它会在打开模式的情况下返回OverviewPage，不幸的是它不会重新加载该页面，因此我无法在 ionViewWillEnter 中检测到是否可以显示该弹出窗口。

if(this.navParams.data.toastMessage) {
 this.presentToast(this.navParams.data.toastMessage)
}

创建新活动后，如何更改代码以模式显示该 toastMessage ？谢谢你。

标签： angulartypescriptionic3

Answer 1

所以解决方案非常简单，不知道是否推荐，但我将presentModal函数留在每个活动中并删除了该部分：

this.navCtrl.getPrevious().data.toastMessage = 'Added activity successfully';

所以现在活动创建的最后几行是显示 toast 和弹出导航堆栈，令人惊讶的是它工作得很好。

this.appFunctionCtrl.presentSuccessToast('Added activity successfully', 1500);
this.navCtrl.pop();