Angulaire 4 - Comment acheminer vers un composant particulier lorsque vous appuyez sur le bouton de retour?

Question

Je veux acheminer vers un chemin particulier lorsque le bouton retour sera cliqué dans le navigateur.

J'essayais l'extrait de code suivant. Mais il change l'URL de l'URL souhaitée juste un instant, puis achemine vers l'URL réelle précédente.

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

Answer 1

J'ai trouvé la solution d'une manière différente et l'utilisation de JavaScript. Supposons que je suis actuellement dans "/ menu" et que je veuille naviguer vers "/ home" quand le bouton de retour sera pressé. Vérifiez l'extrait de code suivant.

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

Ici, je pousse deux états à l'intérieur window.history ngOnInit(). Tout d'abord, l'URL (/home) Je veux visiter sur la touche retour de presse, puis l'adresse URL actuelle (/menu).

Cela fonctionne bien et j'avais réalisé ce que je voulais.

Answer 2

Je recommande de mettre un auditeur sur le haut niveau comme:

@HostListener('window:popstate', ['$event']) 

et faire

router.navigate(['/home']); 

intérieur.

Answer 3

Vous pouvez utiliser routerLink

https://angular.io/api/router/RouterLink

<a [routerLink]="['/main']"> 
<b> < BACK </b> 
</a>