angular - 在具有多个模块(如 JHipster)的项目中嵌套 Angular 组件

Question

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

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

Answer 1

嗯，当您的项目中有多个模块时，事情会变得有点复杂。在像 JHipster 生成的项目中，项目中有多个模块。

但不用担心，解决方案很简单:

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

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

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

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

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