在Angular中，当使用Router导航时，URL可能不会实时更新，导致当前路径不正确。为了解决这个问题，可以尝试以下两种方法：

方法1：使用Angular的ngZone来强制 Zone 进行变化检测。

import { Component, NgZone } from '@angular/core'; import { Router } from '@angular/router';

@Component({ selector: 'app-my-component', template: ``, }) export class MyComponent { constructor(private router: Router, private ngZone: NgZone) {}

navigateToRoute(route: string): void { this.ngZone.run(() => { this.router.navigate([route]); }); } }

方法2：在Router事件监听器中使用Angular的ChangeDetectorRef来强制更新视图。

import { ChangeDetectorRef, Component } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router';

@Component({ selector: 'app-main', template: {{ currentUrl }}, }) export class MainComponent { currentUrl: string;

constructor(private router: Router, private cdr: ChangeDetectorRef) {}

ngOnInit() { this.router.events.subscribe(event => { if (event instanceof NavigationEnd) { this.currentUrl = event.url; this.cdr.detectChanges(); } }); } }

这两种方法都可以强制更新视图，保证URL和当前路径保持一致。