Angular 获取路由路径 - 未解析 url

Question

在 Angular 中有没有办法在 NavigationEnd 事件中获取实际路线，而不仅仅是 event.url returns 中已解析的 url？我不知道解析的参数是什么。

export class AppComponent {
  constructor(private router: Router) {
    this.router.events
    .filter(event => event instanceof NavigationEnd)
    .subscribe((event: NavigationEnd) => {
        // how to get route path? Such as 'someList/:id'
    });
  }
}

Answer 1

你想要这样的东西吗？

router.events.subscribe((event: Event) => {
  console.log(event);
  if (event instanceof NavigationEnd ) {
    this.currentUrl = event.url;
  }
});

Answer 2

我不知道这是不是最好的方法，但是

this.router.routerState.snapshot.root.firstChild.routeConfig

将为您获取具有配置路径的当前路由的路由配置，

Angular 获取路由路径 - 未解析 url

Angular get route path - not resolved url

angular

angular-router