Javascript angular2中的深路由
我正在尝试在angular 2中使用以下场景创建路由 home.component:Javascript angular2中的深路由,javascript,angular,Javascript,Angular,我正在尝试在angular 2中使用以下场景创建路由 home.component: @RouteConfig([ { path: '/', name: 'Home', component: HomeComponent }, { path: '/route1/:id', name: 'Route1',
@RouteConfig([
{
path: '/',
name: 'Home',
component: HomeComponent
},
{
path: '/route1/:id',
name: 'Route1',
component: Route1Component
},
{
path: '/route2/:id/...',
name: 'Route2',
component: Route2Component
}
}]
路线2.组成部分:
@RouteConfig([
{
path: '/',
name: 'Route2Home',
component: Route2HomeComponent
},
{
path: '/edit',
name: 'Route2Edit',
component: Route2EditComponent
},
{
path: '/details/:otherId',
name: 'Route2Details',
component: Route2DetailsComponent
}
}]
home.html与路由器链接的链接很少
Home
Route1
Route2主页
Route2编辑
如何为此配置routerLinkRoute2详细信息
如何为此配置routerLink路线2编辑
<a [routerLink]="['/Route2', 'Route2Edit', {id: 'someValue'}]"]>Route 2 Edit</a>
<a [routerLink]="['/Route2', 'Route2Details', {id: 'someValue'}]"]>Route 2 Details</a>
二号干线详情
谢谢,我已经更新了问题。我的错。这就是复制粘贴的问题。但是如何将参数设置为“/route2/:id/…”和“/details/:otherId”这两个参数需要在routerLink中设置,不是吗?谢谢您的回答。它正在工作。早些时候,我尝试使用['/Route2',{id:'someValue'},/Route2Details']“]//即内部路由路径开头的一条斜线。我不知道在哪个位置传递参数是否重要。仅当routerLink不在根组件AFAIK中时,才需要开头的/
。指定第一条路由在根/
上开始后,以下路由无论如何都必须是直接子路由,并且它们应该在前面的结束(无/
)有意义的地方开始。关于参数的位置。如果我更改了参数的顺序,那么会出现一些控制台错误。对于详细信息,我提到的链接路由为[routerLink]=“['/Route2',{id:'someValue'},'Route2Details',{otherId:'someValue'}]”。然后将正确的参数映射为正确的路由路径。谢谢。如果这解决了您的问题,请接受答案以表明您的问题已解决(使用上下投票按钮下方的白色复选标记)