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

Question

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

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