Angular 4 - How to route to a particular component when back button is pressed?

Question

I want to route to a particular path when the back button will be clicked in the browser.

I was trying the following code snippet. But it changes the URL to the desired one for just a moment, and then routing to the previous actual URL.

constructor(location: PlatformLocation, private router: Router) {
    location.onPopState(() => {
        router.navigate(['/home']);
    });
}

Answer 1

I found the solution in some different way and using JavaScript.

Suppose I am currently in "/menu" and I want to navigate to "/home" when the back button will be pressed. Check the following code snippet.

ngOnInit() {
window.history.pushState( {} , 'Home', '/home' );
window.history.pushState( {} , 'Menu', '/menu' ); }

Here I am pushing two states in window.history inside ngOnInit(). Firstly the URL (/home) I want to visit on the back key press and then the current URL (/menu).

It is working well and I had achieved what I want.