angular - 如何在navigationEnd事件中获取当前路线配置？

Question

如何获取当前router-outlet组件的静态路由路径，路由器事件中的Angular激活了什么？

我在app.component中需要它，因为如果我必须在所有组件中使用activatedRoute.snapshot进行操作，那将是多余的

self.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
        //I need here the path of route E.G '/page/:id/' from root

    }
});

更新:在路由中:

export const MAIN_ROUTES: Routes = [
    { path: '', component: HomePage },
    { path: 'something', component: SomethingComponent },
    { path: 'page/:id', component: PageComponent }, //if the url is 'example.com/page/someId' than, I want to get the "path" field of this object and if I change the page, I need that inside the router event above. 
]

Answer 1

ActivationEnd 事件具有 snapshot: ActivatedRouteSnapshot 属性。您可以在 event.snapshot.config.path 属性中找到该路径。

根据您的路由器设置，您在一次导航期间可能会遇到多个 ActivationEnd 事件，通常第一个是您感兴趣的事件。

Angular ActivationEnd event docs