Angular 2 - 从子组件调用parent的router-outlet

时间:2017-11-20 02:14:59

标签: angular angular-routing angular-router

假设我的路由器出口位于'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的插座中加载它。

我尝试使用插座命名,但它没有给我我想要的结果。

0 个答案:

没有答案