本文整理汇总了TypeScript中@ngrx/store-devtools.StoreDevtoolsModule.instrumentOnlyWithExtension方法的典型用法代码示例。如果您正苦于以下问题：TypeScript StoreDevtoolsModule.instrumentOnlyWithExtension方法的具体用法？TypeScript StoreDevtoolsModule.instrumentOnlyWithExtension怎么用？TypeScript StoreDevtoolsModule.instrumentOnlyWithExtension使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ngrx/store-devtools.StoreDevtoolsModule的用法示例。
在下文中一共展示了StoreDevtoolsModule.instrumentOnlyWithExtension方法的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: beforeEach
beforeEach(() => {
TestBed.configureTestingModule({
imports: [
HttpModule,
JsonpModule,
StoreModule.provideStore(reducer),
StoreDevtoolsModule.instrumentOnlyWithExtension(),
],
providers: [AutocompleteService]
});
});示例2: 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();
}));示例3: beforeEach
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
BrowserModule,
CommonModule,
FormsModule,
HttpModule,
JsonpModule,
StoreModule.provideStore(reducer),
StoreDevtoolsModule.instrumentOnlyWithExtension(),
],
declarations: [
FooterNavbarComponent,
IntelligenceComponent,
SearchsettingsComponent
],
})
.compileComponents();
}));示例4: beforeEach
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
BrowserModule,
CommonModule,
FormsModule,
HttpModule,
JsonpModule,
StoreModule.provideStore(reducer),
StoreDevtoolsModule.instrumentOnlyWithExtension(),
],
declarations: [
AutoCorrectComponent,
IntelligenceComponent
],
providers: [
AutocorrectService ]
})
.compileComponents();
}));示例5: beforeEach
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
BrowserModule,
CommonModule,
FormsModule,
HttpModule,
JsonpModule,
StoreModule.provideStore(reducer),
StoreDevtoolsModule.instrumentOnlyWithExtension(),
],
declarations: [
AppComponent,
SpeechtotextComponent,
RelatedSearchComponent
],
providers: [
KnowledgeapiService
],
})
.compileComponents();
}));示例6: 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;示例7: combineReducers
profile: IProfile;
weather: IWeather;
}
// all new reducers should be define here
const reducers = {
feed: feedReducer,
profile: profileReducer,
weather: weatherReducer
};
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);
}
}
export const store: ModuleWithProviders = StoreModule.provideStore(reducer);
export const instrumentation: ModuleWithProviders = (!environment.production) ? StoreDevtoolsModule.instrumentOnlyWithExtension() : null;
export const effects: ModuleWithProviders[] = [
EffectsModule.run(ProfileEffects),
EffectsModule.run(FeedEffects),
EffectsModule.run(WeatherEffects)
];
示例8:
interface InternalStateType {
[key: string]: any;
}
interface StoreType {
state: InternalStateType;
rootState: InternalStateType;
restoreInputValues: () => void;
disposeOldHosts: () => void;
}
let CONDITIONAL_IMPORTS = [];
if (ENV === 'development') {
console.log('loading react devtools');
CONDITIONAL_IMPORTS.push(StoreDevtoolsModule.instrumentOnlyWithExtension());
}
/**
* `AppModule` is the main entry point into Angular2's bootstraping process
*/
@NgModule({
bootstrap: [ AppComponent ],
declarations: [
AppComponent,
AboutComponent,
HomeComponent,
NoContentComponent,
XLargeDirective
],
imports: [ // import Angular's modules示例9: registerReducers
import { localStorageSync } from 'ngrx-store-localstorage';
export { EchoesState } from './reducers';
const { actions, reducers } = registerReducers(reducersRegisters);
const composeStore = compose(
localStorageSync(['videos', 'player', 'nowPlaylist', 'search', 'appLayout'], true),
combineReducers
)(reducers);
const optionalImports = [];
if ('production' !== ENV) {
// Note that you must instrument after importing StoreModule
optionalImports.push(StoreDevtoolsModule.instrumentOnlyWithExtension());
}
@NgModule({
imports: [
StoreModule.provideStore(composeStore),
...optionalImports
],
declarations: [
],
exports: [
],
providers: [ ...actions ]
})
export class CoreStoreModule {};示例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)
];