源代碼：

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), // 這個(gè)才是關(guān)鍵哦,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區(qū)域：

應(yīng)用程序代碼中定義的代碼：

StoreModule.forFeature('example', reducers)

這個(gè)方法實(shí)際上返回了一個(gè)module StoreFeatureModule，在運(yùn)行時(shí)能夠看到：

應(yīng)用程序編寫的reducer也會(huì)出現(xiàn)在這里：

多層級(jí)注入器 ModuleInjector 與 ElementInjector

這部分闡述來自這篇知乎文章詳解 Angular 依賴注入

• ModuleInjector：通過 @NgModule() 或者 @Injectable() 配置
• ElementInjector：通過 @Directive() 或 @Component() 中的 providers 屬性中配置

ModuleInjector

Injectable() 的 providedIn 屬性是要高于@NgModule() 的 providers 數(shù)組

當(dāng)使用 Injectable() 的 providedIn 屬性時(shí)，優(yōu)化工具可以做 tree-shaking，比如 providedIn: ‘root’

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的NgModule imports定义的运行时数据结构的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。