当用户使用f5重新加载页面时，如何正确处理角度？

Question

我是Angular 2-4的新手，现在我在使用f5重新加载页面时遇到问题。 正如我所看到的，问题是我正朝着相同的路线导航，因此不会再次加载ngOnInit（）。 在ngOnInit（）中我初始化了我使用的一些变量和动态表单。 我已经看到了一个可能的解决方案，即订阅路由的参数，并调用一个初始化所有内容的方法。 像这样的东西：

this.activeRoute.params.subscribe(
params => {
   this.paramX = params['paramX'];
   this.initializeComponent();
});

private initializeComponent() {

}

这是正确的方法吗？ 这是一个好习惯还是我应该用另一种方式做？ 提前致谢。

Answer 1

要正式化我的评论：如果您使用浏览器的刷新/重新加载，或者使用Location.reload()刷新角度应用程序上的任何页面，则会再次运行ngOnInit()和所有其他生命周期挂钩 。

这是因为您从头开始重新加载整个应用程序 ，一直到platformBrowserDynamic().bootstrapModule(AppModule) ，然后重新引导所有内容。 这就是刷新的作用 。

如果需要演示，请打开开发人员工具并在Component的ngOnInit() 设置断点并点击刷新。 你将在断点处停下来。

你后来的评论中的措词“进入相同的路线”假定已经有一条已知的路线。 没有，因为应用程序完全重新引导。

您可能正在考虑使用相同的路径参数调用router.navigate([...])到您当前的位置。 这不会发出NavigationStart事件，路由器也不会尝试加载任何东西（因为它为什么会这样，你没有在任何地方导航）。 反过来，它不会调用ngOnInit() 。

这就是说， 是的 ，目前你交给路径参数的方式是最好的解决方案，主要是因为它可以让你在路径的变化作出反应，而不强迫你重新初始化组件。

换句话说，如果所有组件逻辑都依赖于设置OnInit的动态路径参数，那么在组件实例化后参数发生变化会发生什么？ 没有。