angular
<p> </p><p>一、模块</p>
<p>1、特性模块: 纯业务模块，一个<strong>顶级组件</strong>下挂很多子组件，大部分由declarations组成， 只导出顶出组件，若有服务的生命周期必须和模块相同。</p>
<p>2、路由特性模块：顶级组件只用作导航使用（懒加载），不会导出任何东西，不会被任何模块导入</p>
<p>3、路由模块</p>
<p>4、服务模块，不应该有声明对象，只应该由根组件导入</p>
<table>
<tbody>
<tr><th>
<p style="text-align: left">特性模块</p>
</th><th>
<p>声明 <code>declarations</code></p>
</th><th>
<p>提供商 <code>providers</code></p>
</th><th>
<p>导出什么</p>
</th><th>
<p>被谁导入</p>
</th></tr>
<tr>
<td>
<p>领域</p>
</td>
<td>
<p>有</p>
</td>
<td>
<p>罕见</p>
</td>
<td>
<p>顶级组件</p>
</td>
<td>
<p>特性模块，AppModule</p>
</td>
</tr>
<tr>
<td>
<p>路由特性</p>
</td>
<td>
<p>有</p>
</td>
<td>
<p>罕见</p>
</td>
<td>
<p>无</p>
</td>
<td>
<p>无</p>
</td>
</tr>
<tr>
<td>
<p>路由</p>
</td>
<td>
<p>无</p>
</td>
<td>
<p>是（守卫）</p>
</td>
<td>
<p>RouterModule</p>
</td>
<td>
<p>特性（供路由使用）</p>
</td>
</tr>
<tr>
<td>
<p>服务</p>
</td>
<td>
<p>无</p>
</td>
<td>
<p>有</p>
</td>
<td>
<p>无</p>
</td>
<td>
<p>AppModule</p>
</td>
</tr>
<tr>
<td>
<p>窗口部件</p>
</td>
<td>
<p>有</p>
</td>
<td>
<p>罕见</p>
</td>
<td>
<p>有</p>
</td>
<td>
<p style="text-align: left">特性</p>
</td>
</tr>
</tbody>
</table>
<p>entrycomponent入口组件，Angular 编译器只会为那些可以从 <code>entryComponents</code> 中直接或<strong>间接访问到的组件</strong>生成代码</p>
<p> </p>
<p>提供商就相当于说明书，用来指导 DI 系统该如何获取某个依赖的值。</p>
<p>服务导入，优先是prividedin:"root"</p>
<p>注入器树：平台root、ngModule、组件</p>
<p>如果某个模块是惰性加载的，<strong>那么请使用 <code>@NgModule()</code> 的 <code>provides</code> 选项</strong></p>
<p>为什么 Angular 不能像主动加载模块那样把惰性加载模块的提供商也添加到应用程序的根注入器中呢？为什么会出现这种不一致？</p>
<p>归根结底，这来自于 Angular 依赖注入系统的一个基本特征： 在注入器还没有被第一次使用之前，可以不断为其添加提供商。 一旦注入器已经创建和开始交付服务，它的提供商列表就被冻结了，不再接受新的提供商。</p>
<p>，应用逻辑开始惰性加载某个模块。 Angular 必须把这个惰性加载模块中的提供商添加到某个注入器中。 但是它无法将它们添加到应用的根注入器中，因为根注入器已经不再接受新的提供商了。 于是，Angular 在惰性加载模块的上下文中创建了一个新的子注入器。</p>
<p> </p>
<p>在NgModule配置Provider与在服务的ProviderIn配置，没有多少不同，服务的ProviderIn，主要的区别是如果 NgModule 没有用到该服务，那么它就是可以被摇树优化掉的。 对于某个提供特定服务的库而言，有些组件可能会希望注入器是可选的，等使用该库的应用程序来决定是否要提供该服务。</p>
<p>NgModule，但以 <code>providers</code> 形式提供的服务无法被摇树优化。</p>
<p><strong>如果你在 <code>AppModule</code> 的 <code>@NgModule()</code> 元数据中配置了全应用级的提供商，它就会覆盖通过 <code>@Injectable()</code> 配置的那一个</strong></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>提供单例服务3种方式</p><br><br>
来源：https://www.cnblogs.com/cloudsu/p/12096029.html
頁:
[1]