当较大项目中有上百个组件一个个引入时,会导致页面加载比较慢,此时可以将功能类似的组件装到一起模块化。即:一 开始只加载根模块,按照需要再进行子模块的加载。
    image.png
    实例在angularmoduledemo:
    /* 手动绑定根模块和子模块

    1. 创建子模块:ng g module module/user
    2. 创建子模块同名的组件:ng g component module/user
    3. 创建子模块中的子组件:
      1. ng g component module/user/components/address
      2. ng g component module/user/components/order
      3. ng g component module/user/components/pofile
    4. 将子模块暴露,以便其他模块使用:exports:[UserComponent], 暴露前先import
    5. 在需要使用子模块的地方引入该模块:imports: [UserModule], 引入前先import

    !!特别的:关于声明:
    a. declarations: [], //组件放在这
    b. imports: [], //模块放在这
    c. providers: [], //服务放在这

    1. 子模块与根模块功能一样,也可以创建服务:ng g service user/services/common
    2. 在模块中声明定义服务:providers: [CommonService], 声明前先import

    */