angular - 在 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获取更多详细信息