我需要有关高级路由的帮助,找不到有关如何实现此目标的任何信息。
我有一个应用,我希望它可以按运动类型和城市分开。其余功能应相同。我不想为所有类型和运动重复孩子。
一些路由示例:
/football/london/user/testUser/details
/cricket/manchester/user/testUser/achievements
/badminton/newyork/league/2018/spring/table
/tennis/sydney/league/2018/summer/fixtures
是否可以在不为类型和城市重复孩子的情况下实现?
有人能指出我正确的方向吗?
谢谢
答案 0 :(得分:4)
根据Angular Router tutorial,您可以嵌套路由并使用路由参数来捕获URL中的变量。路线应类似于:
{path: ":sport/:city", children: [
{path: "user/:userName", component: UserComponent},
{path: "league/:year", component: LeagueComponent},
...
]}
然后football/london/user/bob
和UserComponent
路由到sport => football, city => london, userName => bob
。