具有多个模块（如 JHipster）的项目中的嵌套角度组件答案

【问题标题】：Nested angular components in projects with multiple modules like JHipster具有多个模块（如 JHipster）的项目中的嵌套角度组件
【发布时间】：2019-01-14 20:09:27
【问题描述】：

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

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

【问题讨论】：

标签： angular module components jhipster shared

【解决方案1】：

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

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

假设应该在另一个组件中显示的实体组件是ReviewComponent，并且假设所有与Review相关的组件都有一个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 组件中使用选择器了

【讨论】：

@Juan Pablo，你能把代码给我看一下吗？
@Alireza 我面临一个与此非常相似的问题，但是，我无法使用您的逻辑来解决。你能看看吗？谢谢stackoverflow.com/questions/54952267/…
@TinMegali 很抱歉延迟阅读您的评论。我刚刚注意到你解决了这个问题。不确定它到底是什么。导出 const 或导入路由和模块的顺序从来没有遇到过这样的问题，但我很高兴你能做到。不同的错误有不同的版本:)