单击浏览器的后退按钮时，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
});