Angular 4 - 如何在按下后退按钮时路由到特定组件？

Question

我想在浏览器中单击 后退 按钮时路由到特定路径。

我正在尝试以下代码片段。但它会暂时将 URL 更改为所需的 URL，然后路由到之前的实际 URL。

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

Answer 1

我使用 JavaScript 以不同的方式找到了解决方案。

假设我目前在“/menu”中，我想在按下后退按钮时导航到“/home”。检查以下代码片段。

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

在这里，我在 ngOnInit() 内的 window.history 中推送两个状态。首先是我想访问的 URL (/home)，然后是当前的 URL (/menu)。

它运行良好，我已经实现了我想要的。