从后面的历史记录中删除视图 - Ionic2

Question

任何人都知道如何从ionic2中的后历史(或导航堆栈)中删除视图？

在Ionic 1中,我解决了这个问题

this.$ionicHistory.nextViewOptions({
  disableAnimate: true, 
  disableBack: true
});

例如,在执行成功登录后从历史记录中完全删除应用程序的登录页面将非常有用.

在这种情况下,只是没有显示后退按钮是不够的,因为Android终端在设备上有自己的物理后退按钮.

我尝试了,在我的登录功能返回成功的承诺之后,在推送堆栈中的下一页之前:

this.navController.pop();

要么

this.navController.remove(this.viewCtrl.index);

但不幸的是两个都没有成功:(

Answer 1

在obrejacatalin https://forum.ionicframework.com/t/solved-disable-back-in-ionic2/57457找到了解决办法

this.nav.push(TabsPage).then(() => {
  const index = this.nav.getActive().index;
  this.nav.remove(0, index);
});

所以我想首先推送下一页,等待承诺答案,然后删除当前视图是很重要的

Answer 2

要删除一个backview,您需要使用startIndex和要从堆栈中删除的页数.

    this.navCtrl.push(NextPage)
    .then(() => {
      const startIndex = this.navCtrl.getActive().index - 1;
      this.navCtrl.remove(startIndex, 1);
    });

有关removeView(viewController)等更多选项的信息,请参阅此文档:https://ionicframework.com/docs/v2/api/navigation/NavController/#remove

Answer 3

我遇到了同样的问题Ionic 3.
因此,重置历史记录只需两步:

// ...
constructor(public navCtrl: NavController) { }
// ...
this.navCtrl.setRoot(NewPageWithoutPrev);
this.navCtrl.popToRoot();
// ...

链接:
https://ionicframework.com/docs/api/navigation/NavController/#setRoot
https://ionicframework.com/docs/api/navigation/NavController/#popToRoot