TypeScript ng2-redux.DevToolsExtension類代碼示例

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

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

示例1: constructor

  constructor(
    private devTools: DevToolsExtension,
    private ngRedux: NgRedux<IAppState>,
    private ngReduxRouter: NgReduxRouter,
    private actions: SessionActions,
    private sessionEpics: SessionEpics,
    private listEpics: ListEpics) {

    const enh = (__DEV__ && devTools.isEnabled()) ?
      [ ... enhancers, devTools.enhancer({
        deserializeState: reimmutify,
      }) ] :
      enhancers;

// I don't know how to get this to work so I put a call to it in the action. 
// That is more explicit, I think too which I've heard recommended.
//    middleware.push(createEpicMiddleware(this.listEpics.saveAll));
    middleware.push(createEpicMiddleware(
                      combineEpics(this.sessionEpics.login, 
                                    this.listEpics.saveAll
                                   )
                                   ));

    ngRedux.configureStore(rootReducer, {}, middleware, enhancers);
    ngReduxRouter.initialize();
  }

開發者ID:dancancro，項目名稱:rangle-started，代碼行數:26，代碼來源:app.ts

示例2: constructor

  constructor(ngRedux: NgRedux<IAppState>, private devTools: DevToolsExtension) {
    let enhancers = [];
    if (devTools.isEnabled()) {
      enhancers = [ ...enhancers, devTools.enhancer() ];
    }

    ngRedux.configureStore(rootReducer, INITIAL_STATE, [], enhancers)  // pass initial state of the store
  }

開發者ID:rsvoboda，項目名稱:rsvoboda-playground，代碼行數:8，代碼來源:app.module.ts

示例3: constructor

 constructor(
   private ngRedux: NgRedux<any>,
   private devTool: DevToolsExtension) {
   // Do this once in the top-level app component.
   this.ngRedux.configureStore(
     reducer,
     {},
     [ createLogger() ],
     devTool.isEnabled() ?
     [ ...enhancers, devTool.enhancer() ] :
     enhancers);
   }

開發者ID:EthanK28，項目名稱:ng2-redux，代碼行數:12，代碼來源:app.component.ts

示例4: constructor

  constructor(
    private devTools: DevToolsExtension,
    private ngRedux: NgRedux<IAppState>,
    private ngReduxRouter: NgReduxRouter,
    private actions: SessionActions,
    private epics: SessionEpics) {

    const enh = (__DEV__ && devTools.isEnabled()) ?
      [ ... enhancers, devTools.enhancer({
        deserializeState: reimmutify,
      }) ] :
      enhancers;

    middleware.push(createEpicMiddleware(this.epics.login));
    ngRedux.configureStore(rootReducer, {}, middleware, enhancers);
    ngReduxRouter.initialize();
  }

開發者ID:rtbm，項目名稱:angular2-redux-starter，代碼行數:17，代碼來源:sample-app.ts

示例5: constructor

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private devTool: DevToolsExtension) {

    this.ngRedux.configureStore(
      rootReducer,
      {},
      [ createLogger() ],
      [ ...enhancers, devTool.isEnabled() ? devTool.enhancer() : f => f]);
  }

開發者ID:e-xtrategy，項目名稱:ng2-redux，代碼行數:10，代碼來源:app.component.ts

示例6: constructor

 constructor(
   private ngRedux: NgRedux<IAppState>,
   private devTool: DevToolsExtension) {
   // Do this once in the top-level app component.
   this.ngRedux.configureStore(
     rootReducer,
     {},
     [ createLogger() ],
     [ ...enhancers, devTool.isEnabled() ? devTool.enhancer() : f => f]);
 }

開發者ID:9590，項目名稱:ng2-redux，代碼行數:10，代碼來源:app.component.ts

示例7: constructor

  constructor(private _ngRedux: NgRedux<IAppState>,
    private _tableActions: TableActions,
    private _lineupActions: LineupActions,
    private _devTools: DevToolsExtension) {

    const tools = _devTools.enhancer({
      deserializeState: reimmutify,
    });
    _ngRedux.configureStore(
      rootReducer,
      {},
      middleware,
      tools ? [ ...enhancers, tools ] : enhancers);
  }

開發者ID:danielfigueiredo，項目名稱:ng2-camp-example，代碼行數:14，代碼來源:home.page.ts

示例8: constructor

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private devTools: DevToolsExtension
  ) {

    const extensions = [thunk]
    const myTools = []
    if (process.env.NODE_ENV === 'dev') {
      extensions.push(createLogger())
      myTools.push(devTools.isEnabled() ? devTools.enhancer() : f => f)
    }

    ngRedux.configureStore(
      rootReducer,
      {},
      extensions,
      myTools
    )
  }

開發者ID:lsan75，項目名稱:toy-store，代碼行數:19，代碼來源:app.module.ts

示例9: constructor

 constructor(
   // public navCtrl : NavController,
   public platform : Platform,
   public ngRedux : NgRedux<any>,
   public devTools : DevToolsExtension
 ) {
   // config as before 
   var enhancers = [
     applyMiddleware(thunk),
   ]
   if(!platform.is('cordova') || platform.is('browser')) {
     enhancers.push(devTools.enhancer());
   }
   this.ngRedux.configureStore(
     rootReducer,
     {},
     [
       createLogger()
     ],
     enhancers
   );
 }

開發者ID:hack4change，項目名稱:hambasafe-client，代碼行數:22，代碼來源:app.module.ts

示例10: configure

 configure(ngRedux: NgRedux<IAppState>): void {
   ngRedux.configureStore(
     rootReducer,
     {},
     [ createLogger() ],
     [
       ...enhancers,
       this.devTool.isEnabled() ? this.devTool.enhancer() : f => f
     ]
   );
 }

開發者ID:microwave-taco，項目名稱:taco-tuts，代碼行數:11，代碼來源:configure-store.service.ts

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