ABP框架Angular UI：如何通过当前URL获取路由名称？

要通过ABP的RoutesService根据当前URL获取对应路由的name属性，可按以下步骤操作：

1. 在服务中注入依赖
   确保你的服务已注入ABP的RoutesService和Angular的Router：

   import { RoutesService } from '@abp/ng.core';
   import { Router } from '@angular/router';
   
   constructor(
     private routesService: RoutesService,
     private router: Router
   ) {}
   

2. 实现路由匹配方法
   通过RoutesService.getAll()获取所有已注册的路由，再根据URL匹配对应的路由项：

   getRouteNameByUrl(url: string): string | undefined {
     // 获取ABP框架中所有注册的路由
     const allRoutes = this.routesService.getAll();
     
     // 精确匹配静态路由（无参数的场景）
     const matchedRoute = allRoutes.find(route => route.path === url);
     
     return matchedRoute?.name;
   }
   

3. 适配带参数的路由（可选）
   如果路由包含参数（如/visits/:id），需要调整匹配逻辑，通过解析URL结构来匹配：

   getRouteNameByUrl(url: string): string | undefined {
     const allRoutes = this.routesService.getAll();
     const currentUrlTree = this.router.parseUrl(url);
     
     return allRoutes.find(route => {
       const routeUrlTree = this.router.parseUrl(route.path);
       const currentSegments = currentUrlTree.root.children.primary?.segments;
       const routeSegments = routeUrlTree.root.children.primary?.segments;
   
       if (!currentSegments || !routeSegments || currentSegments.length !== routeSegments.length) {
         return false;
       }
   
       // 匹配每个分段，允许参数占位符（以:开头的分段）
       return routeSegments.every((seg, index) => {
         return seg.path === currentSegments[index].path || seg.path.startsWith(':');
       });
     })?.name;
   }
   

4. 调用方法获取结果
   在需要的地方调用该方法即可拿到路由的name属性：

   const currentUrl = this.router.url;
   const routeName = this.getRouteNameByUrl(currentUrl);
   // 若需要本地化显示name，可结合ABP的LocalizationService
   // import { LocalizationService } from '@abp/ng.core';
   // const localizedName = this.localizationService.instant(routeName);
   

内容的提问来源于stack exchange，提问作者Jesus