Angular中如何实现模块的延迟加载，以及如何构建一个长尾词的NgModule延迟加载模块？

本文共计1652个文字，预计阅读时间需要7分钟。

本篇文章向各位家长介绍Angular中的一个核心概念——模块（NgModule），以及延迟加载模块。此概念具有一定的参考价值，如有需要，朋友可以参考以下信息，希望能对大家有所帮助。

环境：- Angular CLI: 11.0.6- Angular: 11.0.7- Node: 12.18.3

本篇文章给大家介绍一下Angular中的模块(NgModule)，延迟加载模块。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

环境:

• Angular CLI: 11.0.6
• Angular: 11.0.7
• Node: 12.18.3
• npm : 6.14.6
• IDE: Visual Studio Code

1. 摘要

模块(NgModule)是Angular的核心概念之一。模块(NgModule)用于组织业务代码，按照自己的业务场景，把组件、服务、路由打包到模块里面。

模块(NgModule)的主要作用：

• NgModule 组织业务代码，开发者可以利用 NgModule 把关系比较紧密的组件组织到一起。

• NgModule 用来控制组件、指令、管道等的可见性，处于同一个NgModule 里面的组件默认互相可见，而对于外部的组件来说，只能看到NgModule 导出（exports）的内容。这样就实现了封装，只暴露希望暴露的组件、服务给调用者。