小技巧: 使用相同的路径和一些虚拟参数。例如,

refresh(){
  this.router.navigate(["/same/route/path?refresh=1"]);
}

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

决定何时存储路由返回false

this.router.routeReuseStrategy.shouldReuseRoute = function () {
    return false;
};

并将router的导航值设置为false，表示该路由从未被路由

this.mySubscription = this.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
        this.router.navigated = false;
    }
});

我在Angular 11项目中使用这个:

reloadCurrentRoute() {
    const currentUrl = this.router.url;
    this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {
        this.router.navigate([currentUrl]);
    });
}

PS:测试和工作在所有版本以上7。

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

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

然后像这样使用它

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

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

只需使用本地javascript重载方法:

reloadPage() {
    window.location.reload();
}