Angular breadcrumbs如何获取只有url的路由信息

我在实现面包屑时遇到问题

我的路线是：

（我无法更改其设计，以使详细信息为列表的子路径， 也无法对“：app/：pattern”执行任何操作

我会得到面包屑，比如：

 Home         > list                       > detail
(path 'admin') (path 'admin/:app/:pattern') (path 'admin/:app/:pattern/detail:id') 

因此，使用“NavigationEnd”事件和 无法获取父级激活的路由信息 让我选择以需要的方式实现这一点 因为唯一的家是父路由bredcrumb 将永远只有一个元素回家

我的问题是

是否有一种只知道url路径的方法来获取路由信息 （组件获取有关列表“admin/：app/：pattern”路径的详细信息示例）

或者如何以另一种方式实现它

app-routing.module.ts

const routes: Routes = [
    { path: '', redirectTo: '/admin', pathMatch: 'full' },
    { path: 'admin/login', component: LoginComponent, canActivate [LoginGuard], },
    { path: 'admin/404', component: NotFoundComponent, canActivate: [AuthGuard], },
    {
        path: 'admin', 
        component: HomeComponent, 
        canActivate: [AuthGuard],
        data: { breadcrumb: 'Home' },
        children: [
            { path: '', 
              component: DashboardComponent,
              data: { breadcrumb: 'Dashboard' }
            },
            { path: ':app/:pattern', 
              component: ListComponent,
              data: { breadcrumb: 'List' } 
            },
            { path: ':app/:pattern/detail/:id', 
              component: DetailComponent,
              data: { breadcrumb: 'Detail' } 
            },
            { path: ':app/:pattern/action/:id', 
              component: ActionComponent,
              data: { breadcrumb: 'Action' }
            },
            { path: '**', redirectTo: '/admin/404', },
        ]
    },
];

---

据我所知，

NavigationEnd

事件有一个名为

urlaftredirects

的属性。你试过使用它吗？我不能使用URLFafterRedirects（总是有与url点相同的值），我需要所有优先路径或url

const routes: Routes = [
    { path: '', redirectTo: '/admin', pathMatch: 'full' },
    { path: 'admin/login', component: LoginComponent, canActivate [LoginGuard], },
    { path: 'admin/404', component: NotFoundComponent, canActivate: [AuthGuard], },
    {
        path: 'admin', 
        component: HomeComponent, 
        canActivate: [AuthGuard],
        data: { breadcrumb: 'Home' },
        children: [
            { path: '', 
              component: DashboardComponent,
              data: { breadcrumb: 'Dashboard' }
            },
            { path: ':app/:pattern', 
              component: ListComponent,
              data: { breadcrumb: 'List' } 
            },
            { path: ':app/:pattern/detail/:id', 
              component: DetailComponent,
              data: { breadcrumb: 'Detail' } 
            },
            { path: ':app/:pattern/action/:id', 
              component: ActionComponent,
              data: { breadcrumb: 'Action' }
            },
            { path: '**', redirectTo: '/admin/404', },
        ]
    },
];