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

标签 angular module components jhipster shared

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

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

最佳答案

嗯,当您的项目中有多个模块时,事情会变得有点复杂。在像 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 组件中使用选择器

关于angular - 在具有多个模块(如 JHipster)的项目中嵌套 Angular 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51731796/

相关文章:

python - 管理 __all__ 的导出装饰器

javascript - 如何从延迟加载的模块访问 AppModule 模块导入?

module - 无模板的组件

wix - 将文件添加到 Wix 安装程序(如果存在)

javascript - 为什么 Angular 中没有加载 flickity css?

Angular 7 调用 Azure Indexer 服务

php - 在创建的 Joomla 模块中链接背景 CSS 图像

.net - 可用 .net 控件库的比较

Angular HttpClient 授权 header 已创建但消失了

angular - 您将如何修复此 "Promise<any>' 提供与签名 '(value: any): {} | PromiseLike<{}>"不匹配的错误