高级角度路由-可以做到吗?

时间:2019-01-12 14:46:13

标签: angular angular-ui-router

我需要有关高级路由的帮助,找不到有关如何实现此目标的任何信息。

我有一个应用,我希望它可以按运动类型和城市分开。其余功能应相同。我不想为所有类型和运动重复孩子。

一些路由示例:

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

是否可以在不为类型和城市重复孩子的情况下实现?

有人能指出我正确的方向吗?

谢谢

1 个答案:

答案 0 :(得分:4)

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

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

然后football/london/user/bobUserComponent路由到sport => football, city => london, userName => bob