Angular 工程化应用之模块(module)

本文详细阐述了Angular模块化的基本概念、自定义模块的创建流程及路由模块的懒加载技术,帮助开发者理解如何通过模块化提升项目结构清晰度与性能。

首先我们来看下【Angular 官网模块】的定义:

NgModules 用于配置注入器和编译器,并帮你把那些相关的东西组织在一起。

NgModule 是一个带有 @NgModule 装饰器的类。 @NgModule 的参数是一个元数据对象,用于描述如何编译组件的模板,以及如何在运行时创建注入器。 它会标出该模块自己的组件、指令和管道,通过 exports 属性公开其中的一部分,以便外部组件使用它们。 NgModule 还能把一些服务提供商添加到应用的依赖注入器中。

  • Angular 模块化

  1. 模块是组织应用和使用外部库扩展应用的最佳途径;
  2. Angular 自己的库都是 NgModule,比如 FormsModule、HttpClientModule 和 RouterModule。 很多第三方库也是 NgModule,比如 Material Design、 Ionic 和 AngularFire2。
  3. NgModule 把组件、指令和管道打包成内聚的功能块,每个模块聚焦于一个特性区域、业务领域、工作流或通用工具。
  4. 模块还可以把服务加到应用中。 这些服务可能是内部开发的(比如你自己写的),或者框架内置的(比如 Angular 的路由和 HTTP 客户端),或者外部模块(Material Design、Ionic);
  5. 模块可以在应用启动时急性加载,也可以由路由器进行异步的惰性加载;
  • NgModule 的元素可以做什么?
  1. 声明某些组件、指令和管道属于这个模块;
  2. 公开其中的部分组件、
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ChaITSimpleLove

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值