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

Question

我有一个延迟加载的项目，除了module.ts之外，它还有2个模块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使用共享组件。希望这可以解决您的问题。

Answer 2

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