单击另一个选项卡时，Ionic 2选项卡重置视图

Question

想知道我该怎么做。当使用离子标签时，假设我有一个简单的结构，如

Home
About
Product -> Product Info

在我的产品页面（product.ts）中，我有类似

的内容

viewItem(payload) {
this.navCtrl.push(ResultPage, {
  data: payload
});
}
// ^ Pass data to new Product info page. 

产品信息页面加载了所有数据传入，并在导航栏中显示后退箭头。

现在，如果我点击“关于”这样的另一个标签并返回“产品”，它仍会显示推送的“产品信息”页面。

当我离开视图并导航回来时，如何让它重置回产品页面？

更新：

如果我这样做

ionViewDidLeave() {
this.viewCtrl.dismiss().catch(() => console.log('Some bug going on..'));
}

工作，但必须捕获错误否则返回

Runtime Error Uncaught (in promise): false 

看起来像是一个错误 - https://github.com/driftyco/ionic/issues/10046

如果有人有任何其他建议，我非常感激。

Answer 1

NavController附带事件。其中一个是ionViewDidLeave。

您可以pop页面中的ionViewDidLeave() { this.navCtrl.pop(); } 页面。

{{1}}