Question

我想在其他两个组件中使用一个组件，例如：

<jhi-articles-list-component [active]="true"></jhi-articles-list-component>

所以我创建了一些共享模块并像这样导出该组件：

@NgModule({
    exports: [ArticlesListComponent]
})
export class ArticlesListModule {}

然后我将该模块导入我要使用导致错误的组件的模块中：

无法从ArticlesListModule导出指令ArticlesListComponent 因为它既没有声明也没有导入！

Answer 1

您应该添加declarations：

@NgModule({
    declarations: [ArticlesListComponent],
    exports: [ArticlesListComponent]
})
export class ArticlesListModule {}

Answer 2

您的组件（在多个地方使用）应该声明并从其模块中导出。

这将使其在其他模块中可用，并且在导入组件的模块（在本例中为ArticlesListModule）后可以使用：

    @NgModule({
       declarations: [ArticlesListComponent],
       exports: [ArticlesListComponent]
    })
    export class ArticlesListModule {}

Answer 3

我向共享模块（例如CommonModule）添加了一些导入，并且现在可以使用了。

@NgModule({
   imports: [ArticleSharingAppSharedLibsModule, ArticleSharingAppSharedCommonModule, 
   ArticleSharingAppAppRoutingModule],
   declarations: [ArticlesListComponent],
   exports: [ArticlesListComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],

})
export class ArticlesListModule {}

有角，在其他两个组件中使用一个组件

3 个答案: