How to Go back to particular page by clearing routing history, using Angular Router/Location

Question

Going back to the HOME Page by clearing the routing history is my requirement

I have tried with below code. But all codes shown below didn't met my requirement.

this.router.navigate(['/services/paymentProcessing'], { skipLocationChange: true });

ngOnDestroy(): void {
    window.history.go(-4);
    this.location.back();
    this.router.navigate(['/services/#SH']);
  }

I need to go back to Home Page/particular page from my specific page by clearing the routing history. Can anyone let me know the solution

have you tried `this.router.navigate(["/C"], { replaceUrl: true });` — Stark Buttowski, Jan 07 '19 at 05:35
Your answer works. But it will not clear the history. I also need to clear my history. So that after going to Home Page,url back button should disable. — Shailesh Bhat, Jan 07 '19 at 06:04
Finally, I didn't able to clear my history. But known to stay on current page, after going to particular page(using above line of code). — Shailesh Bhat, Jan 08 '19 at 11:57

score 1 · Answer 1 · edited Feb 20 '19 at 19:22

By referring to the answers at How to Detect Browser Back Button event - Cross Browser and How do I detect user navigating back in Angular2?, I wish to let you know the solution for above task.

For going back to particular page, by skipping current page you can use the code

this.router.navigate(["/C"], { replaceUrl: true });

as said by Mr. Stark Buttowski

And then if you wish to stay on current page(in my case HomePage) without clearing the history,

import { Location } from "@angular/common";

constructor(public location: Location){}

ngOnDestroy(): void {
    this.location.subscribe(
      x=> history.pushState(null, null, window.location.pathname)
    );
  }

so that you can block back button navigation.

If there are, any better lines of code, looking forward..

Looking for the answer, which is better than above

How to Go back to particular page by clearing routing history, using Angular Router/Location

1 Answers1