本文整理汇总了TypeScript中@ngrx/store.usePreMiddleware函数的典型用法代码示例。如果您正苦于以下问题：TypeScript usePreMiddleware函数的具体用法？TypeScript usePreMiddleware怎么用？TypeScript usePreMiddleware使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了usePreMiddleware函数的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: provide
export const loggerMiddleware = (opts : Object = {}) => {
const defaults = {
level : `log`,
collapsed : false,
duration : false,
timestamp : true,
stateTransformer : state => state,
actionTransformer : actn => actn,
colors : {
title: () => `#000000`,
prevState: () => `#9E9E9E`,
action: () => `#03A9F4`,
nextState: () => `#4CAF50`,
error: () => `#F20404`,
}
};
const options : Object = Object.assign({}, defaults, opts);
return [
provide(LOGGER, {
useFactory(){
return new BehaviorSubject(null);
}
}),
provide(LOGGER_OPTIONS, {
useValue: options
}),
provide(LOGGER_BUFFER, {
useValue: printBuffer(options)
}),
usePreMiddleware(preLogger),
usePostMiddleware(postLogger)
]
};示例2: main
export function main() {
return bootstrap(AsyncApp, [
ELEMENT_PROBE_PROVIDERS,
HTTP_PROVIDERS,
provideStore({selectedReddit, postsByReddit}),
usePreMiddleware(createMiddleware(redditPreMiddleware, [Reddit])),
Reddit
])
.catch(err => console.error(err));
}示例3: main
export function main() {
return bootstrap(ArtistPlaylistApp, [
apiInjectables,
ELEMENT_PROBE_PROVIDERS,
HTTP_PROVIDERS,
AudioServiceAction,
provide(BrowserXhr, { useClass: CustomBrowserXhr }),
provideStore(APP_REDUCERS),
usePreMiddleware(actionLog),
usePostMiddleware(stateLog),
installSagaMiddleware(...audiomachineSagas)
])
.catch(err => console.error(err));
}示例4: bootstrap
import {WineCellarApp} from "./common/containers/application/application.container.ts";
import {bootstrap} from "@angular/platform-browser-dynamic";
import {HashLocationStrategy, LocationStrategy, APP_BASE_HREF} from "@angular/common";
import {ROUTER_PROVIDERS} from "@angular/router-deprecated";
import {provide} from "@angular/core";
import "rxjs/add/operator/do";
import {Middleware, provideStore, usePreMiddleware, usePostMiddleware} from "@ngrx/store";
import {store} from "./common/store";
import {HTTP_PROVIDERS} from "@angular/http";
const actionLog: Middleware = (action: any) => {
return action.do((val: any) => {
console.warn("DISPATCHED ACTION: ", val);
});
};
const stateLog: Middleware = (state: any) => {
return state.do((val: any) => {
console.info("NEW STATE: ", val);
});
};
bootstrap(WineCellarApp, [
ROUTER_PROVIDERS,
HTTP_PROVIDERS,
provide(APP_BASE_HREF, {useValue: "/"}),
provide(LocationStrategy, {useClass: HashLocationStrategy}),
provideStore(store),
usePreMiddleware(actionLog),
usePostMiddleware(stateLog)
]);示例5: usePreMiddleware
import {usePreMiddleware, usePostMiddleware, Middleware, Action} from "@ngrx/store";
const actionLog: Middleware = action => {
return action.do(val => {
console.warn('DISPATCHED ACTION: ', val)
});
};
const stateLog: Middleware = state => {
return state.do(val => {
console.info('NEW STATE: ', val)
});
};
export const ActionLog = usePreMiddleware(actionLog);
export const StateLog = usePostMiddleware(stateLog);
export const MiddleWareLogs = [ActionLog, StateLog];