高级 angular 路由 - 这可以做到吗？

Question

我需要有关高级路由的帮助，但找不到任何有关如何实现此功能的信息。

我有一个应用程序，我想要它按运动类型和城市分开。其余功能应该相同。对于所有类型和运动，我不想重复 children。

一些路由示例：

/football/london/user/testUser/details
/cricket/manchester/user/testUser/achievements
/badminton/newyork/league/2018/spring/table
/tennis/sydney/league/2018/summer/fixtures

这是否可以在不重复 children 类型和城市的情况下实现？

谁能给我指出正确的方向？

谢谢

Answer 1

根据Angular Router tutorial，您可以嵌套路由并使用路由参数捕获URL中的变量。该路线应类似于：

{path: ":sport/:city", children: [
    {path: "user/:userName", component: UserComponent},
    {path: "league/:year", component: LeagueComponent},
    ...
  ]}

然后 football/london/user/bob 使用 sport => football, city => london, userName => bob 路由到 UserComponent。

高级 angular 路由 - 这可以做到吗？

Advanced angular routing - can this be done?

angular

angular-ui-router