在具有多个模块（如 JHipster）的项目中嵌套 angular 个组件

Question

我正在尝试在另一个实体组件中显示一个实体组件。

我在网上找到了一些关于共享模块的信息，我也检查了这个但是它仍然不适合我。

Answer 1

好吧，当您的项目中有多个模块时，它会变得有点复杂。在像 JHipster 生成的项目中，项目中有几个模块。

不过不用担心，解决方法很简单：

假设应该在另一个组件中显示的实体组件是 ReviewComponent 并且假设所有与评论相关的组件都有一个 review.module，您应该导出review.module 中的 ReviewComponent：

@NgModule({ 
imports: [ByubSharedModule, RouterModule.forChild(ENTITY_STATES)],
    exports: [
        ReviewComponent
    ],
    declarations:...

假设应该在内部显示 ReviewComponent 的组件是 BusinessComponent，并且有一个 business.module 用于与业务相关的组件。您应该将 Review 模块导入其中：

@NgModule({
    imports: [ByubSharedModule, ByubReviewModule, RouterModule.forChild(ENTITY_STATES)],
    declarations: [...

那么您可以在任何与业务相关的 html 组件中使用选择器

Nested angular components in projects with multiple modules like JHipster