如何重新加载当前页面？

我有一个用于编辑用户的页面，里面有一些子组件。每个子组件都可以更改其父组件或对其父组件产生一些影响。

因此，我没有向父级发出更改并更新某些字段，而是使用“重新加载”当前页面

private route: ActivatedRoute;

reload(){
    this.router.navigate(["/admin/user/edit/"+this.user.id]);
}

基本上，它重定向到当前页面。例如当前页面是http://web.info/admin/user/edit/9 http://web.info/admin/user/edit/9它将被重定向到此页面，希望该页面内的所有数据都重新加载最新数据。

但似乎角度不会重定向/重新加载同一页面router.navigate

我应该如何重新加载当前页面？

Edit:

这就是为什么我需要重新加载页面而不是手动更新当前页面上的数据的原因。我需要对其他组件进行更新，当我进行更新时，它会向历史组件添加一些内容。我需要一起刷新用户组件和历史组件，因为这两个组件都受到其他组件中更改的影响。

做一些如此简单的事情有点棘手，但没有运气尝试使用当前的解决方案重新加载和重新创建整个父级和子级组件。

Angular Router 现在提供策略配置，告诉路由器在您导航到与该用户建议的相同 URL 时该怎么做这个 GitHub 问题 https://github.com/angular/angular/issues/13831#issuecomment-422683314.

首先，您可以配置设置路由器（您的路由器模块）时要执行的操作。

@NgModule({
   imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })],
   exports: [RouterModule]
})

或者，如果您像我一样并且不想更改整个路由器模块行为，您可以使用如下方法/函数来实现：

reloadComponent() {
    this._router.routeReuseStrategy.shouldReuseRoute = () => false;
    this._router.onSameUrlNavigation = 'reload';
    this._router.navigate(['/same-route']);
}

当然你必须先注入Router在组件的构造函数中：

// import { Router } from '@angular/router';
...
constructor(private _router: Router){}
...

不知何故，正如@Abhiz 所指出的你必须设置shouldReuseRoute，仅配置路由器本身，页面重新加载不起作用这种方法.

我用过一个箭头函数 for shouldReuseRoute因为新的 TSLint 规则不允许非箭头函数。