当较大项目中有上百个组件一个个引入时,会导致页面加载比较慢,此时可以将功能类似的组件装到一起模块化。即:一 开始只加载根模块,按照需要再进行子模块的加载。
实例在angularmoduledemo:
/* 手动绑定根模块和子模块
- 创建子模块:ng g module module/user
- 创建子模块同名的组件:ng g component module/user
- 创建子模块中的子组件:
- ng g component module/user/components/address
- ng g component module/user/components/order
- ng g component module/user/components/pofile
- 将子模块暴露,以便其他模块使用:exports:[UserComponent], 暴露前先import
- 在需要使用子模块的地方引入该模块:imports: [UserModule], 引入前先import
!!特别的:关于声明:
a. declarations: [], //组件放在这
b. imports: [], //模块放在这
c. providers: [], //服务放在这
- 子模块与根模块功能一样,也可以创建服务:ng g service user/services/common
- 在模块中声明定义服务:providers: [CommonService], 声明前先import
*/