Angular 模块是组织应用功能的核心单元,通过 NgModule 定义。以下是关键概念与用法:

  1. 模块基础
    每个 Angular 应用至少包含一个根模块(AppModule),用于声明组件、服务和管道。

    angular_module_structure
    示例: ```ts @NgModule({ declarations: [AppComponent], imports: [BrowserModule], bootstrap: [AppComponent] }) export class AppModule {} ```
  2. 模块分类

    • 根模块:启动应用的模块(AppModule
    • 特征模块:按功能划分的模块(如 AuthModule
    • 共享模块:包含可复用组件/服务(SharedModule
    angular_module_types
  3. 模块化优势
    ✅ 提高代码可维护性
    ✅ 支持懒加载优化性能
    ✅ 易于团队协作开发
    📌 点击扩展阅读 Angular 模块化最佳实践

  4. 常见用法

    • 动态加载模块:loadChildren 配置
    • 模块复用:通过 forRoot()forChild() 方法
    • 模块通信:使用 @Injectable 服务跨模块调用
    angular_lazy_loading

📌 提示:模块设计需遵循单一职责原则,避免过度耦合。更多进阶内容请查看 Angular 官方文档