Angular路由匹配器问题：含参数的子路由无法激活

你的问题出在路由匹配器的consumed参数上——当前代码把整个URL路径段数组都标记为已消耗，导致子路由没有剩余路径可匹配。

问题根源 #

当访问country1/houses/924/view时，匹配器中的return {consumed: url, ...}会把['country1', 'houses', '924', 'view']全部标记为已处理，子路由（比如houses）找不到未被消耗的路径段，自然无法激活。

修复代码 #

修改匹配器的返回值，只消耗匹配到的第一个路径段（国家slug），剩下的留给子路由处理：

{
  matcher: (url) => {
    if (url.length > 0 && (Object.values(COUNTRIES_SLUGS) as string[]).includes(url[0].path.toLowerCase())) {
      // 只消耗第一个路径段，剩余路径留给子路由匹配
      return {
        consumed: [url[0]],
        posParams: {[COUNTRY_SLUG_PARAM]: new UrlSegment(url[0].path, {})}
      };
    }
    return null;
  },
  component: CountryProviderComponent,
  children: [/* 子路由配置保持不变 */]
}

原理说明 #

• consumed: [url[0]]告诉Angular：当前匹配器只处理URL的第一个路径段（country1）
• 剩余的houses/924/view会被传递给CountryProviderComponent的子路由，此时子路由的houses规则就能正常匹配剩余路径，加载对应模块并激活子组件。

额外验证点 #

1. 确保COUNTRIES_SLUGS枚举值与URL中的slug格式一致（你的代码里用了toLowerCase()，所以URL中的slug大小写不影响匹配）
2. 子路由的pathMatch配置正确（当前子路由的pathMatch: full只针对空路径，没问题）

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