NgModule imports定义的运行时数据结构
生活随笔
收集整理的這篇文章主要介紹了
NgModule imports定义的运行时数据结构
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源代碼:
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
要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的NgModule imports定义的运行时数据结构的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ngrx里StoreModule.for
- 下一篇: Angular Effects.ofTy