Remove a view from the back history - Ionic2

Question

Anyone knows how to remove a view from the back history (or navigation stack) in ionic2?

In Ionic 1 I solved this with

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

Would be really useful, for example, to fully remove the login page of my application from the history once a successfully login was performed.

Just not showing the back button isn't enough in such case, since Android terminals got their own physical back button on the devices.

I tried, after my login function returned a successful promise and before pushing the next page in the stack:

this.navController.pop();

or

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

but unfortunately both weren't successful :(

Answer 1

I got the same issue with Ionic 3.
So, only two steps to reset history:

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

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

Answer 2

To remove one backview you need to use startIndex and count of pages to remove from stack.

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

See this document for more options like removeView(viewController): https://ionicframework.com/docs/v2/api/navigation/NavController/#remove

Answer 3

obrejacatalin on the https://forum.ionicframework.com/t/solved-disable-back-in-ionic2/57457 found the solution

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

so I guess it's important to push the next page first, wait for the promise answer and then remove the current view