On Angular Previous route is empty on button click

Question

I am trying to redirect the user to previous page when button is clicked following this link. I used the below line of code to get the previous route. When I print the prevURL on onInit method, it has value but when I tried to access the same value on button click it is empty. Is there any reason for it?

ngOnInit() {
  this.router.events.pipe(filter((e: any) => e instanceof RoutesRecognized),
    pairwise()
  ).subscribe((e: any) => {

    this.previousUrl = e[0].urlAfterRedirects;
  console.log(this.previousUrl);
});

}


BackToPrevRouteOnBtnClick(args) {
  console.log(this.previousUrl);
}

score 1 · Answer 1 · answered Nov 25 '19 at 17:10

1

you can navigate user by

this.router.navigate(['../'])
window.history.back()
window.history.go(-1) But I recommend to you usage of #1

Is this working for you?

answered Nov 25 '19 at 17:10

Ashot Aleqsanyan

4,252
1
15
27

#1 is not working but #2 and #3 working. Is there any disadvantage of using #2 and #3? – LilRazi Nov 25 '19 at 17:21
yes when you use angular Universal for server side rendering – Ashot Aleqsanyan Nov 25 '19 at 17:22
1

private _location: Location and this._location.back(); this also works. – LilRazi Nov 25 '19 at 17:26

On Angular Previous route is empty on button click

1 Answers1