Angular Router.url不返回更新的路径

Angular Router.url不返回更新的路径,angular,components,Angular,Components,我定义了这样的组件: header.component.html <div> <nav class="navbar navbar-expand-sm bg-primary navbar-dark sticky-top shado"> <a routerLink='/' class="navbar-brand" (click)="onClick()" > <img [src]=

我定义了这样的组件: header.component.html

<div>
<nav class="navbar navbar-expand-sm bg-primary navbar-dark sticky-top shado">
   <a routerLink='/'  class="navbar-brand" (click)="onClick()" >
      <img [src]=logo alt="Logo" style="width:40px;">
         {{ logoName }}
   </a>
   <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav">
      <span class="navbar-toggler-icon"> </span> 
   </button>
   <div class="collapse navbar-collapse" id="navbarNav">
     <ul class="navbar-nav w-100 nav-justified" >
        <li class="nav-item" routerLinkActive="active" *ngFor="let nav of navbars" (click)="onClick()"  >
           <a class="nav-link" [routerLink]=nav.routerlink>
              {{ nav.name }}
           </a>
        </li>
     </ul>
   </div>
</nav>

当我点击“Aprendizaje计划”时 网站中的链接设置为=>http://localhost:4200/planaprendizaje 控制台打印URL为/aprendizaje

但是如果我点击标志符号ULPGC回家 网站中的链接设置为=>http://localhost:4200 但控制台打印URL仍然是/aprendizaje

我需要获取当前的URL,但当单击主路径时,路由URL不会更新。我需要再次单击以获得正确的路径

路径路由配置

 { path: '', component: SignInComponent },
  { path: 'datosgenerales',  component: DatosGeneralesComponent },
  { path: 'planensenanza',   component: PlanEnsenanzaComponent },
  { path: 'planaprendizaje', component: PlanAprendizajeComponent }

你知道怎么回事吗。谢谢

您是否尝试过使用
ActivatedRoute
?是的,我尝试过使用Router.snapshot[''u routerState'].url,但得到了相同的结果
 { path: '', component: SignInComponent },
  { path: 'datosgenerales',  component: DatosGeneralesComponent },
  { path: 'planensenanza',   component: PlanEnsenanzaComponent },
  { path: 'planaprendizaje', component: PlanAprendizajeComponent }