Question

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

在Ionic 1中，我用

解决了这个问题

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

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

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

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

this.navController.pop();

或

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

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

Answer 1

https://forum.ionicframework.com/t/solved-disable-back-in-ionic2/57457上的obrejacatalin找到了解决方案

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

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

3 个答案: