相关疑难解决方法(0)

我有一个Angular 4应用程序和我private.component.html这样的东西:

<app-breadcrumb></app-breadcrumb>
<router-outlet></router-outlet>

我的路由:

const privateRoutes: Routes = [
    {
        path: '',
        component: PrivateComponent,
        children: [
            {
                path: 'dashboard',
                component: DashboardComponent
            },
            {
                path: 'settings',
                component: SettingsComponent
            },
            {
                path: 'companies',
                component: CompaniesComponent,
                children: [
                    {
                        path: 'add',
                        component: FormCompanyComponent
                    },
                    {
                        path: ':id',
                        component: CompanyComponent
                    }
                ]
            }
        ]
    }
];

在第一级的所有组件在渲染路由器出口的PrivateComponent.但我想(如果可能的话)所有其他孩子(我可以有多个级别),喜欢/companies/add或/companies/20仍然在我的私人模板的同一路由器插座中呈现.我的实际代码,当然,我希望我有一个插座companies.component.html.

这对于实现我的面包屑组件并编写"主页>公司> Apple Inc."非常重要., 例如. …