angular - 如何将一个组件包含在两个单独的模块中？

Question

我有两个模块:ItemsListModule和SearchModule .

ItemsListModule包裹ItemsListComponent ，和SearchModule包裹SearchComponent .

ItemsList在页面上用于显示项目列表，我还想在 Search 中使用它显示结果列表。换句话说:在SearchComponent内，我想使用ItemsListComponent也是如此。

// SearchModule
@NgModule({
  declarations: [SearchComponent],
  imports: [SearchRoutingModule],
})

// ItemsListModule
@NgModule({
  declarations: [ItemsListComponent],
  imports: [],
})

// AppModule
@NgModule({
  declarations: [AppComponent],
  imports: [ItemsListModule, SearchModule],
})

当我使用 <my-items-list> 时SearchComponent内的模板，我收到一个错误，该组件未知，请验证它是 SearchModule 的一部分。如果我将它添加到 SearchModule的导入，我收到相同的错误消息。

为什么？如何重复使用ItemsList显示我的搜索结果？ ( Angular 8.3)

Answer 1

从 ItemListModule 导出 ItemListComponent 并在 SearchModule 中导入此模块

搜索模块

    @NgModule({
      declarations: [SearchComponent],
      imports: [SearchRoutingModule, ItemListModule],
    })

ItemsListModule

    @NgModule({
      declarations: [ItemListComponent],
      exports: [ItemListComponent]
    })