如何强制路由器在Angular 2中更新当前路由？

Question

我有一个角度为2的home组件和一个nav面板组件。当用户单击nav面板（侧栏）上的注销时，通过将路由器登录到控制台将当前URL正确报告为“ / login”。 当用户再次登录时，导航面板中的路由器实例将当前路由报告为“ / login”，当用户登录后，路由器应将其带到主页。 结果，用户将永远无法越过登录屏幕，并且浏览器中的视图和URL也不会更新。

到目前为止，我已经尝试了以下方法：

1. 手动清除浏览器的缓存并刷新页面（这似乎可以解决问题）
2. 在对ngZone.run（）的调用中包装router.navigate调用
3. 在家庭组件的构造函数中清除Angular 2的模板缓存。

这是代码的一些相关部分：用户登录后（在login.component.ts中）处理导航的方法

private doAfterLoggedIn() {
    let returnRoute = this.route.snapshot.queryParams["ReturnUrl"] || "/";
    this.toaster.toast({
        title: `Welcome back!`,
        duration: 2000
    });
    this.router.navigate([returnRoute]);
}

Home组件的路由：

{
    path: '',
    pathMatch: 'full',
    component: HomeComponent,
    resolve: { author: RouteAuthorResolver },
    data: {
        panelsectionName: "home"
    }
},

导航面板组件中的注销方法的一部分：

doLogout() {
    // leave immediately
    this.router.navigate(["/login"]);
}

Answer 1

假设您正在引导的组件是HomeComponent ，则在其构造函数中检查登录名，否则将重定向到登录组件。

constructor(activatedRoute: ActivatedRoute,router:Router){
     if(this.activatedRoute.url !== 'login'){
         if(!userService.geToken()){
               this.router.navigate(["/login"]);
         }
     }
}