源代码：

import {StoreModule} from '@ngrx/store';
import {reducers} from './reducer';
import { NgModule } from '@angular/core';
import { CounterComponent } from './container/component/counter/counter.component';
import { CommonModule } from '@angular/common';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import { BookManageComponent } from './container/component/bookmanage/book-manage.component';
import { SearchInputComponent } from './searchbookcomponents/search-input/search-input.component';
import { BookListComponent } from './searchbookcomponents/book-list/book-list.component';import { BookDetailComponent} from './searchbookcomponents/book-detail/book-detail.component';import {NgZorroAntdModule} from 'ng-zorro-antd';
import { BookManageService } from './service/book-manage.service';
import { EffectsModule } from '@ngrx/effects';
import { BookManageEffects } from './effects/book-manager.effect';@NgModule({imports: [CommonModule,NgZorroAntdModule,FormsModule,ReactiveFormsModule,StoreModule.forFeature('example', reducers), // 这个才是关键哦,EffectsModule.forFeature([BookManageEffects])],declarations: [CounterComponent, BookManageComponent,SearchInputComponent, BookListComponent, BookDetailComponent],exports: [CounterComponent, BookManageComponent, BookListComponent, BookDetailComponent],providers: [BookManageService]
})
export class ExampleModule { }

core.js里找到this.injectorDefTypes:

展开[[Entries]]:

找到ExampleModule下的imports区域：

应用程序代码中定义的代码：

StoreModule.forFeature('example', reducers)

这个方法实际上返回了一个module StoreFeatureModule，在运行时能够看到：

应用程序编写的reducer也会出现在这里：

多层级注入器 ModuleInjector 与 ElementInjector

这部分阐述来自这篇知乎文章详解 Angular 依赖注入

ModuleInjector：通过 @NgModule() 或者 @Injectable() 配置
ElementInjector：通过 @Directive() 或 @Component() 中的 providers 属性中配置

ModuleInjector

Injectable() 的 providedIn 属性是要高于@NgModule() 的 providers 数组
当使用 Injectable() 的 providedIn 属性时，优化工具可以做 tree-shaking，比如 providedIn: ‘root’

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

NgModule imports定义的运行时数据结构相关推荐

C专家编程第6章运动的诗章：运行时数据结构 6.1 a.out及其传说
运动的诗章:运行时数据结构编程语言理论的经典对立之一就是代码和数据的区别.有些语言(如Lisp)把二者视为一体.其他语言(如C语言)通常维持两者的区别.Internet蠕虫非常难以被人们所 ...
C专家编程-Chapter6 运行时数据结构(转)
a.out是链接器的输出. a.out is a file format used in older versions of Unix-like computer operating systems ...
C语言运行时数据结构
段(Segment): 对象文件/可执行文件: SVr4 UNIX上被称为ELF(起初"Extensible Linker Format", 现在"Executable ...
C专家编程--读书笔记六运行时数据结构
第六章一.知识点 1.代码和数据的区别也可以认为是编译时和运行时的分界线.编译器的绝大部分工作都跟翻译代码有关:必要的数据存储管理的绝大部分都在运行时进行.(P121) 2."a.out& ...
C专家编程第6章运动的诗章：运行时数据结构 6.3 操作系统在a.out文件里干了些什么
操作系统在a.out文件里干了些什么为什么a.out要以段的形式组织.段可以方便地映射到链接器在运行时可以直接载入的对象中!载入器只是取文件中的每个段的映像,并直接将它们放入到内存中.从本 ...
Angular jasmine单元测试框架spec的运行时数据结构
以我单元测试里这段代码为例: 通过describe函数创建一个suite,即spec的集合: 真正的spec由函数it创建:其中expectable是human readable的字符串描述信息,描述 ...
运行时常量池在哪里_Java虚拟机详解（二）------运行时内存结构
首先通过一张图了解 Java程序的执行流程: 我们编写好的Java源代码程序,通过Java编译器javac编译成Java虚拟机识别的class文件(字节码文件),然后由 JVM 中的类加载器加载编译生 ...
Java内存管理：Java内存区域 JVM运行时数据区
Java内存管理:Java内存区域 JVM运行时数据区在前面的一些文章了解到javac编译的大体过程.Class文件结构.以及JVM字节码指令. 下面我们详细了解Java内存区域:先说明JVM规范定 ...
最全的 JVM 面试知识点（一）：运行时数据区
转自: https://blog.csdn.net/keets1992/article/details/92089754 不是码农,不会敲代码的她,却最懂程序员!| 人物志: https://blog ...

NgModule imports定义的运行时数据结构

多层级注入器 ModuleInjector 与 ElementInjector

ModuleInjector

NgModule imports定义的运行时数据结构相关推荐

最新文章

热门文章