TypeScript effects.runEffects函數代碼示例

export function main() {
  return bootstrap(ShoppingCartApp, [
      ELEMENT_PROBE_PROVIDERS,
      provideStore(APP_REDUCERS),
      runEffects(...APP_EFFECTS),
  ])
  .catch(err => console.error(err));
}

export function main() {
    return bootstrap(ShoppingCartApp, [
        ELEMENT_PROBE_PROVIDERS,
        provideStore(reducer),
        runEffects(effects),
    ])
        .catch(err => console.error(err));
}

storage.get(STATE_PROP, (err: any, data: any) => {
  console.log(data)

  bootstrap(Counter, [
    provideStore({ counter: counterReducer }, data),
    runEffects(ElectronSaverEffect)
  ])
})

export function main() {
  return bootstrap(AsyncApp, [
      HTTP_PROVIDERS,
      provideStore(
        storeLogger()(combineReducers({selectedReddit, postsByReddit}))
      ),
      runEffects(RedditEffects),
      Reddit
  ])
  .catch(err => console.error(err));
}

export function main(initialHmrState?: any): Promise<any> {

  return bootstrap(App, [
    // To add more vendor providers please look in the platform/ folder
    ...PLATFORM_PROVIDERS,
    ...ENV_PROVIDERS,
	    //...DIRECTIVES,
	    //...PIPES,
		// ...HTTP_PROVIDERS,
		// ...ROUTER_PROVIDERS,

		// ngCore.provide(LocationStrategy, { useClass: HashLocationStrategy }),
    // ...APP_PROVIDERS,
    services,
    provideStore(store),
    runEffects(effects),
    actions
  ])
  .then(decorateComponentRef)
  .catch(err => console.error(err));

}

import {runEffects} from '@ngrx/effects';
import {WineEffects} from './wine-effects';

export const EFFECTS_PROVIDERS = [
	runEffects(WineEffects)
];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { HTTP_PROVIDERS } from '@angular/http';
import { disableDeprecatedForms, provideForms } from '@angular/forms';
import { provideStore } from '@ngrx/store';
import { runEffects } from '@ngrx/effects';
import { instrumentStore } from '@ngrx/store-devtools';
import { AppComponent, environment } from './app/';

import { reducers, HorizonService, TagsApiService, TagEffectsService } from './app/shared';

if (environment.production) {
  enableProdMode();
}

bootstrap(AppComponent, [
  disableDeprecatedForms(),
  provideForms(),
  HTTP_PROVIDERS,
  HorizonService,
  TagsApiService,
  provideStore(reducers),
  runEffects([TagEffectsService])
]);

import { runEffects } from '@ngrx/effects';
// import { anyEffects } from '../+/shared/effects/';

export const EFFECTS_PROVIDERS = runEffects([
  // anyEffects
]);

   * based application.
   *
   * Source: https://github.com/ngrx/store/blob/master/src/ng2.ts#L43-L69
   */
  provideStore(reducer),

  /**
   * runEffects configures all providers for @ngrx/effects. Observables decorated
   * as an @Effect() within the supplied services will ultimately be merged,
   * with output of relevant (registered as effects) actions being
   * dispatched into your application store. Any side-effects in
   * your application should be registered as effects.
   *
   * Source: https://github.com/ngrx/effects/blob/master/lib/run-effects.ts#L8-L20
   */
  runEffects(effects),

  /**
   * provideRouter sets up all of the providers for @ngrx/router. It accepts
   * an array of routes and a location strategy. By default, it will use
   * `PathLocationStrategy`.
   *
   * Source: https://github.com/ngrx/router/blob/master/lib/index.ts#L44-L51
   */
  provideRouter(routes, HashLocationStrategy),

  /**
   * connectRouterToStore configures additional providers that synchronize
   * router state with @ngrx/store. This lets you debug router state using
   * ngrx/store and to change the location by dispatching actions.
   */

import { runEffects } from '@ngrx/effects';
import { BookEffects } from '../+todo/shared/effects/todo';

export const EFFECTS_PROVIDERS = runEffects([
  BookEffects
]);