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();
}