在 Angular 中创建嵌套模块是否正确

Question

我最近回顾了一些 angular 模块结构，但我在同一文件夹级别看到了很多。

└──  feature-module1
|      └── components
|      └── services
|
|└──  feature-module2
|      └── components
|      └── services
|
|└──  feature-module3
|      └── components
|      └── services
|
|└──  feature-module4
|      └── components
|      └── services

我想将我的功能模块保留在如下层次结构中：

.
└── app
    ├── admin(module)
    │   ├── admin.component.ts
    │   │
    │   ├── content-management-dashboard(module)
    │   │   ├── components
    │   │   │   ├── content-list(component)
    │   │   │   ├── edit-content(component)
    │   │   │   └── show-content(component)
    │   │   └── user-management.component.ts
    │   │
    │   └── user-management-dashboard(module)
    │       ├── edit-user(component)
    │       ├── show-user(component)
    │       └── user-list(component)
    │
    │
    └── home(module)
        ├── home.component.ts
        │
        ├── content-dashboard(module)
        │   ├── components
        │   └── services
        │
        └── user-dashboard(module)
            ├── components
            └── services

我有 home 和 admin 主模块，它们内部包含相关的子模块。

这种方式正确吗？我们应该为模块使用层次结构吗？

Answer 1

是的，您可以使用模块和子模块，我建议您使用延迟加载模式，当您的应用程序越来越大时，由于包的大小和加载所需的时间，您将遇到很大的性能问题。

延迟加载将只加载您的应用程序所需的部分，它会在调用其中一个路由时加载模块。

您可以为应用中共享的所有内容（组件、指令、管道、服务）创建一个共享模块。

查看 here 以获取更多详细信息

在 Angular 中创建嵌套模块是否正确

Is it correct to create nested module in Angular

angular

module

nested

angular5

organization