如何使用具有相同名称的不同选择器？

Question

例如，我有两个模块

(1) 模块 'A' - 有一个组件 'list'，选择器 'list'

(2) 模块 'B' - 还有组件 'list'，选择器 'list'

我希望在我的模块的“列表”组件中同时使用这个“列表”组件，这可能吗？

如果是，那么如何使用这些组件的选择器？

Answer 1

如果你想使用来自另一个列表组件和不同模块的列表组件，你可以通过entryComponents在你的组件或 NgModule 中指定来实现：

@Component({
  ...,
  entryComponents: [ AListComponent ]
})
export class BListComponent {}


or 


@NgModule({
  ...,
  entryComponents: [ AListComponent ]
})
export class ModuleB {}

BListComponent 模板

   // You can then easily use & specify the AListComponent selector here
   <a-list-component></a-list-component>

但是如果这些模块被合并并导入到一个根模块上，比如

@NgModule({
  imports: [ AModule, BModule ]
})
export class RootModule {}

然后在您的ModuleA 上，您只需指定需要导出的组件即可在其他组件上使用它

 @NgModule({
  ...,
  exports: [ AListComponent ]    // Export AListComponent to be utilized on BListComponent
})
export class ModuleA {}

BListComponent 模板

<a-list-component></a-list-component>