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

本篇章节带大家进入Angular源码学习，介绍多级依赖注入设计，希望对大家有所帮助！Angular作为大型前端项目设计的前端框架，其设计具有许多值得参考和学习的特点，本系列将深入探讨Angular的设计。

本篇文章带大家进行Angular源码学习，介绍一下多级依赖注入设计，希望对大家有所帮助！

作为“为大型前端项目”而设计的前端框架，Angular 其实有许多值得参考和学习的设计，本系列主要用于研究这些设计和功能的实现原理。本文主要围绕 Angular 中的最大特点——依赖注入，介绍 Angular 中多级依赖注入的设计。

上一篇我们介绍了 Angular 中的Injectot注入器、Provider提供者，以及注入器机制。那么，在 Angular 应用中，各个组件和模块间又是怎样共享依赖的，同样的服务是否可以多次实例化呢？

组件和模块的依赖注入过程，离不开 Angular 多级依赖注入的设计，我们来看看。

多级依赖注入

前面我们说过，Angular 中的注入器是可继承、且分层的。

在 Angular 中，有两个注入器层次结构：

• ModuleInjector模块注入器：使用@NgModule()或@Injectable()注解在此层次结构中配置ModuleInjector
• ElementInjector元素注入器：在每个 DOM 元素上隐式创建

模块注入器和元素注入器都是树状结构的，但它们的分层结构并不完全一致。