单击浏览器的后退按钮时，Angular 6 ngOnInit 未触发

Question

我遇到了涉及参数的路由问题。当我尝试使用浏览器的后退按钮返回时，前一个组件的 ngoninit 不会触发。

使用 Angular 的教程重现错误的步骤：

• 从https://angular.io/tutorial下载教程并运行npm install
• 使用命令ng build --prod --build-optimizer 或ng build --prod 构建应用程序
• 将上一步生成的静态文件上传到 nginx 或 apache 服务器，相应的配置文件包含 angular 文档中推荐的代码行。 https://angular.io/guide/deployment
• 点击仪表板中的顶级英雄之一。
• 点击浏览器的后退按钮。

按照这些步骤，您将看到顶级英雄未加载到仪表板中，这与我的应用程序遇到的问题完全相同。这是因为在使用返回按钮返回时没有调用 ngOnInit。

需要注意的几点：
此问题仅在使用 Firefox、Chrome 或 Opera 时出现。
使用开发模式时不会出现此问题ng serve。
我更新到 Angular 7 仍然有同样的问题。

有什么办法可以解决这个问题吗？我在 Angular 的 repo 问题中没有找到任何关于此的内容。

Answer 1

你应该这样做：

this._router.events.subscribe(event => {
    // ... yourcode
});