Angular 模块是组织应用功能的核心单元,通过 NgModule
定义。以下是关键概念与用法:
模块基础
每个 Angular 应用至少包含一个根模块(AppModule
),用于声明组件、服务和管道。 示例: ```ts @NgModule({ declarations: [AppComponent], imports: [BrowserModule], bootstrap: [AppComponent] }) export class AppModule {} ```模块分类
- 根模块:启动应用的模块(
AppModule
) - 特征模块:按功能划分的模块(如
AuthModule
) - 共享模块:包含可复用组件/服务(
SharedModule
)
- 根模块:启动应用的模块(
模块化优势
✅ 提高代码可维护性
✅ 支持懒加载优化性能
✅ 易于团队协作开发
📌 点击扩展阅读 Angular 模块化最佳实践常见用法
- 动态加载模块:
loadChildren
配置 - 模块复用:通过
forRoot()
和forChild()
方法 - 模块通信:使用
@Injectable
服务跨模块调用
- 动态加载模块:
📌 提示:模块设计需遵循单一职责原则,避免过度耦合。更多进阶内容请查看 Angular 官方文档