我的布局像这样:
<div>
<router-outlet />
<div class="details">
<router-outlet name="details"></router-outlet>
</div>
</div>
在顶级路由上,我有:
routes = [
{
path: 'some-component',
component: SomeComponent,
},
{
path: 'my-details',
component: DetailsComponent,
outlet: 'details'
}
]
现在,当我导航到"某个组件"路由时,我的模板中有一个[routerLink]
.我希望该路由链接触发details
router-outlet 内的my-details
路由.
我有:
[routerLink]="[{outlets:{details:['my-details']}}]"
但点击它不会 Select 路由.它说找不到(我有一条路由可以领取所有不匹配的路由).
当与主路由处于同一级别时,主路由出口中呈现的组件似乎无法触发指定路由中的路由.
我try 过将[relativeTo]="route.parent"
放入routerLink
中,但事情是一样的.
我错过了什么?
PS. 如果我将命名路由放入SomeComponents中,并使命名路由成为主路由的子路由,那么它就可以工作.但这不是我想要的.