browser forward and backward button in angular event

Nagaraj Madyastha

I am new to angular 4 using typescript, how can we differentiate forward and backward button in the browser.

this.subscription = this.lc.subscribe((x: PopStateEvent) => { console.log("Localtion Back", x); // // Handler });

how to come out of the application stack:usecase assume user started with google.com then user type abc.com . In abc.com, user will navigate a>b>c>d>e then from e page navigate to b and if the user press browserback button first time it should navigate to a thn second time back it should come back to google.com

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Kaushik Dhameliya8y ago
Back Button (Tested Code)
import { Location} from '@angular/common';
constructor(public location: Location)
router.events.subscribe((val) => {
if (location.path() !== '') {
this.previousUrl = location.path();
}
});
Sagar Pandurang Kap8y ago
Hi,
Try reference solution from below link :-

https://stackoverflow.com/questions/29901409/how-to-detect-if-a-user-clicks-browser-back-button-in-angularjs

It might helps...