假设我的路由器出口位于'myParentComponent'中。 组件/路由的层次结构如下所示。
myParentComponent> CompanyComponent> CompanyBranchComponent
我要做的是从 CompanyBranchComponent 访问 myParentComponent 中的路由器插座(我想在myParentComponent路由器插座中加载CompanyBranchComponent)< / p>
'myParentComponent'模板:
<router-outlet></router-outlet>
这是我的路由文件:app.routing.ts:
{
path: '',
component: myParentComponent,
data: {
title: 'Parent'
},
children: [
{
path: 'company',
loadChildren: './components/company/company.module#CompanyModule'
},
]
}
公司的路由文件如下:
{
path: '',
component: CompanyComponent,
data: {
title: 'Company'
},
children: [
{
path: 'branch',
component: CompanyBranchComponent,
data: {
title: 'Branch'
}
}]
}
问题在于 CompanyBranchComponent 期望它自己的路由器插座。我不想在新的插座中加载该组件,我想在 myParentComponent的插座中加载它。
我尝试使用插座命名,但它没有给我我想要的结果。