événement bouton Précédent ne semble pas le feu angulaire

Question

Je suis en train de rediriger l'utilisateur vers une URL particulière sur le clic de bouton de retour dans le navigateur, et est ici le code

constructor(private router: Router,private location: PlatformLocation) {   
     let eventUrl = window.sessionStorage.getItem('Event'); 
     this.location.onPopState(() => { 
      alert('click'); 
      this.router.navigate(['/', this.selectedLanguage, 'event', eventUrl]); 
     }); 
    } 

mais il n'a pas à tirer la événement lorsque l'utilisateur clique sur le bouton de retour. Le code est dans le composant en cours. quelle est la solution?

EDIT

J'ai essayé avec la ci-dessous réponse suggérée, mais cela ne semble pas trop travailler, la fonction s'appelle, mais il redirige toujours à la page précédente plutôt que l'URL mentionné ci-dessous

unload(event: any) { 
     let eventUrl = window.sessionStorage.getItem('buyerEvent'); 
     this.router.navigateByUrl('/' + this.selectedLanguage + '/event/' + eventUrl); 
    } 

Answer 1

Vous pouvez lier les choses que vous voulez faire en laissant l'application à l'événement window.unload. Ici, j'ai utilisé le HostListener.

@HostListener('window: unload', ['$event']) 
unload(event) { 
    window.open('https://localhost:4200', '_blank'); 
    window.close(); 
} 

---

Mentionner que Chrome bloque window.open par défaut, vous devez modifier la politique de bloc.

Answer 2

Je suis utilisation Lieu

Import { Location } from '@angular/common'; 

déclare le constructeur

constructor(private _location: Location){} 

et faire fonction

backClicked() { 
    this._location.back(); 
} 

mis ensuite dans le bouton

<button (click)="backClicked()"> TEAM FALL BACK</button> 

montre alors la magie se ...