Angular2路由器中的两个组件可以抽象吗

我有三个部分：

根组件（

Root

），它是应用程序引导的组件 模块

工具栏组件（

Toolbar

），其中包含 都是孩子们

仪表板组件（

仪表板

），即 第一个真正的页面

因此

根目录

和

工具栏

不应该有自己的URL，而

仪表板

应该有自己的URL。在生成的HTML中，我希望它们被放入 以以下方式相互交流：

工具栏

模块布线

const工具栏路由：路由=[
{路径：'dashboard'，组件：DashboardComponent}，
];

它可以工作，但将

工具栏

组件替换为

仪表板

---

我应该如何编写

路由

数组来满足这一需求？使用AngularJS上的

ui路由器

和弃用的

组件路由器

，我可以做到这一点

在

工具栏组件

的模板中添加一个

路由器出口

您的路线配置如下

const rootRoutes: Routes = [
    { path: '',
      component: ToolbarComponent,
      children: {
        { path: 'dashboard', component: DashboardComponent }
      }
];

现在

/dashboard

将同时呈现工具栏和仪表板

const rootRoutes: Routes = [
    { path: '',
      component: ToolbarComponent,
      children: {
        { path: 'dashboard', component: DashboardComponent }
      }
];