用户登录后以及按角度导航后刷新标题菜单

Question

我正在使用angular和JWT进行用户身份验证，效果很好。但是登录后，当我使用“ this.router.navigate（['/ blogs']）;”则标题菜单不会刷新。仍然有“登录和注册”链接。

我正在将app.component中的页眉和页脚组件注入：

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

和路由：

export const appRoutes: Routes = [
  { path: 'home', component: HomeComponent, canActivate:[AuthGuard] },
  { path: 'blogs', component: BlogsComponent, canActivate:[AuthGuard] },
  {
    path: 'signup', component: UserComponent,
    children: [{ path: '', component: SignUpComponent }]
  },
  {
    path: 'login', component: UserComponent,
    children: [{ path: '', component: SignInComponent }]
  },
  { path: '', redirectTo: '/home', pathMatch: 'full' }

];

我还使用了服务来检查是否已登录的用户，但是它不能用于导航。当我刷新时，它工作正常。

请提出建议。