Angular 7- 我如何将一个组件与不同的模块一起使用

Question

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

Answer 1

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

Answer 2

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

@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使用共享组件了。希望这可以解决您的问题。

Angular 7- 我如何将一个组件与不同的模块一起使用

Angular 7- How can i Use one component with diffrent modules

angular

angular7