在控制器中创建一个重定向到预期路由的函数，如下所示

redirectTo(uri:string){
   this.router.navigateByUrl('/', {skipLocationChange: true}).then(()=>
   this.router.navigate([uri]));
}

然后像这样使用它

this.redirectTo('//place your uri here');

该功能将重定向到一个虚拟路由，并在用户没有意识到的情况下快速返回到目标路由。

试试这个

窗口。打开(“仪表板”、“_self ');

它的老方法，但适用于所有的角版本，它重定向路由和刷新页面。

写一个函数。, reloadCurrentPage。由于window是一个全局对象，可以直接在Angular组件中重用，window.location.reload()会重新加载当前活动的页面。

function reloadCurrentPage() {
    window.location.reload();
}

在route.navigate()的方法中实现OnInit并调用ngOnInit()

请看一个例子:

export class Component implements OnInit {

  constructor() {   }

  refresh() {
    this.router.navigate(['same-route-here']);
    this.ngOnInit();   }

  ngOnInit () {

  }

这就是我在Angular 12中所做的。我不确定这是否适用于9以下的版本。

当您需要重新加载时，您将需要调用它。

 this.router.navigate([], {
    skipLocationChange: true,
    queryParamsHandling: 'merge' //== if you need to keep queryParams
  })

Router forRoot需要将SameUrlNavigation设置为“reload”

 RouterModule.forRoot(appRoutes, {
  // ..
  onSameUrlNavigation: 'reload',
  // ..
})

你的每个路径都需要将runGuardsAndResolvers设置为always

{
    path: '',
    data: {},
    runGuardsAndResolvers: 'always'
},

如果你的navigate()没有改变浏览器地址栏上已经显示的URL，路由器就不需要做什么。刷新数据不是路由器的工作。如果希望刷新数据，可以创建一个注入到组件中的服务，并调用该服务上的加载函数。如果将检索新数据，它将通过绑定更新视图。