Angular Router.url不返回更新的路径
我定义了这样的组件: header.component.htmlAngular 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]=
<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 }