當前位置: 首頁>>代碼示例>>TypeScript>>正文

TypeScript store-devtools.StoreDevtoolsModule類代碼示例

本文整理匯總了TypeScript中@ngrx/store-devtools.StoreDevtoolsModule類的典型用法代碼示例。如果您正苦於以下問題：TypeScript StoreDevtoolsModule類的具體用法？TypeScript StoreDevtoolsModule怎麽用？TypeScript StoreDevtoolsModule使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。


在下文中一共展示了StoreDevtoolsModule類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: beforeEach

 beforeEach(async(() => {
   TestBed.configureTestingModule({
     imports: [
       BrowserModule,
       StoreModule.forRoot({ routerReducer }),
       EffectsModule.forRoot([ IdentityEffects ]),
       StoreDevtoolsModule.instrument({ maxAge: 50 }),
       BrowserAnimationsModule,
       FormsModule,
       CoreModule.forRoot([
         { provide: WindowService, useFactory: (win) },
         { provide: ConsoleService, useFactory: (cons) },
         { provide: LogTarget, useFactory: (consoleLogTarget), deps: [ ConsoleService ], multi: true },
       ]),
       RouterModule.forRoot(routes),
       MultilingualModule.forRoot(TEST_MULTILINGUAL_PROVIDERS),
       SampleModule,
       DialogModule,
       IdentityModule,
       StoreRouterConnectingModule,
       StoreModule.forFeature('sidebar', sidebarReducer),
       StoreModule.forFeature('toolbar', toolbarReducer),
       MATERIAL_MODULES,
       FlexLayoutModule,
       PLUGIN_MODULES,
     ],
     declarations: [
       AppComponent,
     ],
     providers: [
       { provide: APP_BASE_HREF, useValue: '/' },
     ],
   }).compileComponents();
 }));
開發者ID:our-city-app，項目名稱:gae-plugin-framework，代碼行數:34，代碼來源:app.component.spec.ts

示例2: beforeEach

 beforeEach(() => {
   TestBed.configureTestingModule({
     imports: [
       HttpModule,
       JsonpModule,
       StoreModule.provideStore(reducer),
       StoreDevtoolsModule.instrumentOnlyWithExtension(),
     ],
     providers: [AutocompleteService]
   });
 });
開發者ID:collinx，項目名稱:susper.com，代碼行數:11，代碼來源:autocomplete.service.spec.ts

示例3: beforeEach

 beforeEach(async(() => {
   TestBed.configureTestingModule({
     imports: [
       RouterTestingModule,
       BrowserModule,
       CommonModule,
       FormsModule,
       HttpModule,
       InfiniteScrollModule,
       JsonpModule,
       ChartsModule,
       StoreModule.provideStore(reducer),
       StoreDevtoolsModule.instrumentOnlyWithExtension()
     ],
     declarations: [
       AppComponent,
       NavbarComponent,
       IndexComponent,
       ResultsComponent,
       NotFoundComponent,
       AdvancedsearchComponent,
       SearchBarComponent,
       FooterNavbarComponent,
       AboutComponent,
       ContactComponent,
       ModalComponent,
       InfoboxComponent,
       RelatedSearchComponent,
       AutoCompleteComponent,
       ThemeComponent,
       DropdownComponent,
       IntelligenceComponent,
       SpeechtotextComponent,
       AutoCorrectComponent,
       StatsboxComponent
     ],
     providers: [
       SearchService,
       KnowledgeapiService,
       AutocompleteService,
       ThemeService,
       SpeechService,
       IntelligenceService,
       AutocorrectService,
       SpeechSynthesisService
     ]
   })
     .compileComponents();
 }));
開發者ID:collinx，項目名稱:susper.com，代碼行數:49，代碼來源:results.component.spec.ts

示例4: beforeEach

 beforeEach(async(() => {
   TestBed.configureTestingModule({
     imports: [
       RouterTestingModule,
       BrowserModule,
       CommonModule,
       FormsModule,
       HttpModule,
       JsonpModule,
       StoreModule.provideStore(reducer),
       StoreDevtoolsModule.instrumentOnlyWithExtension(),
     ],
     declarations: [
       FooterNavbarComponent,
       IntelligenceComponent,
       SearchsettingsComponent
     ],
   })
   .compileComponents();
 }));
開發者ID:collinx，項目名稱:susper.com，代碼行數:20，代碼來源:searchsettings.component.spec.ts

示例5: beforeEach

 beforeEach(async(() => {
       TestBed.configureTestingModule({
           imports: [
             RouterTestingModule,
             BrowserModule,
             CommonModule,
             FormsModule,
             HttpModule,
             JsonpModule,
             StoreModule.provideStore(reducer),
             StoreDevtoolsModule.instrumentOnlyWithExtension(),
           ],
           declarations: [
             AutoCorrectComponent,
             IntelligenceComponent
           ],
           providers: [
             AutocorrectService ]
       })
         .compileComponents();
     }));
開發者ID:collinx，項目名稱:susper.com，代碼行數:21，代碼來源:auto-correct.component.spec.ts

示例6: beforeEach

 beforeEach(async(() => {
   TestBed.configureTestingModule({
     imports: [
       RouterTestingModule,
       BrowserModule,
       CommonModule,
       FormsModule,
       HttpModule,
       JsonpModule,
       StoreModule.provideStore(reducer),
       StoreDevtoolsModule.instrumentOnlyWithExtension(),
     ],
     declarations: [
       AppComponent,
       SpeechtotextComponent,
       RelatedSearchComponent
     ],
     providers: [
       KnowledgeapiService
     ],
   })
   .compileComponents();
 }));
開發者ID:collinx，項目名稱:susper.com，代碼行數:23，代碼來源:related-search.component.spec.ts

示例7: 

import {user} from './user';
import {languages} from './languages';
import {NgModule} from '@angular/core';
import {StoreModule} from '@ngrx/store';
import {Language} from '../../languages/language';
import {routerReducer, StoreRouterConnectingModule} from '@ngrx/router-store';
import {StoreDevtoolsModule} from '@ngrx/store-devtools';
import {environment} from '../../../environments/environment';

export interface AppState {
  user: string;
  languages: Language[];
}

const reducers = {user, languages, routerReducer};
const optionalImports = [];
if (!environment.production) {
  optionalImports.push(StoreDevtoolsModule.instrument());
}

@NgModule({
  imports: [
    StoreModule.forRoot(reducers),
    StoreRouterConnectingModule,
    ...optionalImports
  ]
})
export class CoreStoreModule {
}
開發者ID:harti2006，項目名稱:spring-boot-angular2-scaffold，代碼行數:29，代碼來源:index.ts

示例8: 

import { StoreRouterConnectingModule } from '@ngrx/router-store';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';

import { EffectsModuleImport } from './effects.imports';
import { StoreModuleImport } from './store.imports';
import { ENV } from '../shared/Env';

export { StoreModuleImport } from './store.imports';
export { EffectsModuleImport } from './effects.imports';

export const BaseImports = [
  StoreModuleImport,
  EffectsModuleImport,
  StoreRouterConnectingModule,
  (ENV !== 'production') ? StoreDevtoolsModule.instrument({ maxAge: 10 }) : []
];
開發者ID:atSistemas，項目名稱:angular-base，代碼行數:16，代碼來源:index.ts

示例9: reducer

import { StoreModule, combineReducers } from '@ngrx/store';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { Reducers } from './reducers';

export function reducer(state: any, action: any) {
  return combineReducers(Reducers)(state, action);
}

const store = [
  StoreModule.provideStore(reducer),
]

if (__DEV__) {
  store.push(StoreDevtoolsModule.instrumentOnlyWithExtension())
}

export const STORE = store;
開發者ID:pinkasey，項目名稱:activegan，代碼行數:17，代碼來源:store.ts

示例10: combineReducers

const productionReducer: ActionReducer<IAppState> = combineReducers(reducers);
const developmentReducer: ActionReducer<IAppState> = compose(storeFreeze, combineReducers)(reducers);

export function reducer(state: IAppState, action: Action) {
  if (environment.production) {
    return productionReducer(state, action);
  } else {
    return developmentReducer(state, action);
  }
}

@NgModule()
export class DummyModule {

  static forRoot(): ModuleWithProviders {
    return {
      ngModule: CommonModule
    };
  }
}

export const store: ModuleWithProviders = StoreModule.provideStore(reducer);
export const instrumentation: ModuleWithProviders =
  (!environment.production) ? StoreDevtoolsModule.instrumentOnlyWithExtension() : DummyModule.forRoot();

export const effects: ModuleWithProviders[] = [
  EffectsModule.run(ProfileEffects),
  EffectsModule.run(FeedEffects)
];
開發者ID:venki143mca，項目名稱:TeamBirthday，代碼行數:29，代碼來源:index.ts


注：本文中的@ngrx/store-devtools.StoreDevtoolsModule類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。