Angular 具有子模块的角度共享组件

我有一个parent.module，它在声明中加载

SideboxComponent

parent.component选择器是

，在它里面我可以调用

选择器，因为它在声明中

我遇到的问题是，我想找到一种方法，从子路由加载相同的

，而不必在子路由/模块的每个模块上导入SideboxComponent，从而创建一个共享模块

我只想从任何一个孩子那里调用选择器，但我很难找到一种方法

假设我想加载到孩子/附属公司上，我怎么做

//parent.routing.ts
export const routes: Routes = [
    {
        path: '', 
        component: ParentComponent,
        children:[
            { path:'', redirectTo:'affiliates', pathMatch:'full' },
            { path: 'affiliates', loadChildren: './affiliates/affiliates.module#AffiliatesModule', data: { breadcrumb: 'Affiliates' } },
       ]
    }
];

编辑： 这是我得到的错误：

[Error] ERROR – Error: Uncaught (in promise): Error: Template parse errors:
'app-sidebox' is not a known element:
1. If 'app-sidebox' is an Angular component, then verify that it is part of this module.
2. If 'app-sidebox' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

---

您得到的错误是什么？您是否在父组件中添加了

以加载子组件？@AmitChigadani I用错误更新了第一篇帖子答案是：共享组件必须由共享模块声明和导出，这必须由所有需要使用它的模块导入。@JBNizet我读过这篇文章，作为其他几个问题的可能解决方案，但是我相信无论如何都可以直接在子模块上加载选择器，这将避免在几个模型上大量导入。。。要加载组件，模型需要其他几个导入，如Ng2CompleterModule，以及其他一些…然后这些模块也应该由共享模块导入和导出。