Angular 7-我如何使用具有不同模块的一个组件答案

【问题标题】：Angular 7- How can i Use one component with diffrent modulesAngular 7-我如何使用具有不同模块的一个组件
【发布时间】：2020-03-18 11:01:24
【问题描述】：

我有一个延迟加载的项目，它有 2 个模块 view.module.ts 和 view2.modules.ts，而不是 module.ts。我想在两个模块中使用一个名为 editform.component.ts 的组件。可能吗？？

【问题讨论】：

是的。它应该在一个共享模块中声明和导出，两个延迟加载的模块应该导入这个共享模块。
你在找这个吗？ Angular - Using a component across multiple modules
很简单

标签： angular angular7

【解决方案1】：

要使用组件，您可以使用共享模块。

@NgModule({
    imports: [
        SomeModule
     ],
    declarations: [
         SharedComponent
    ],
    exports: [
        SharedComponent
    ]
})

export class SharedModule {}

现在，在该共享模块中，您可以添加要共享的组件。不要忘记将它们放入出口。

现在将此模块添加到您的app.module.ts

import { SharedModule } from './shared/shared.module;

@NgModule({
    imports: [ SharedModule],
     ...
})

现在您可以通过 app.module.ts 使用共享组件。希望这可以解决您的问题。

【讨论】：

【解决方案2】：

您不能使用在不同模块中导入的组件。您应该与他的 sharedModule 共享组件，然后将该模块导入您的模块。并将该组件添加到您的 sharedModule 的“导出”部分。

【讨论】：