Add some docs about using angular services in your action creators about store HOT 3 CLOSED

import { Injectable } from 'angular2/core';
import { LoginService } from '../services/login';

import {
  LOGIN_USER_PENDING,
  LOGIN_USER_SUCCESS,
  LOGIN_USER_ERROR,
  LOGOUT_USER
} from '../constants';

@Injectable()
export class SessionActions {
  constructor(private loginService: LoginService) {}

  loginUser = (credentials) => {
    return (dispatch, getState) => {
      const username = credentials.username;
      const password = credentials.password;

      return dispatch({
        types: [
          LOGIN_USER_PENDING,
          LOGIN_USER_SUCCESS,
          LOGIN_USER_ERROR,
        ],
        payload: {
          promise: this.loginService.login(username, password)
        },
      });
    };
  }

  logoutUser = () => {
    return {
      type: LOGOUT_USER,
    };
  }
} 

@Component({
  // etc.
})
export class RioSampleApp {
  private unsubscribe: Function;
  private isLoggedIn: Boolean;
  private session: any;
  private selector: Subscription;

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private applicationRef: ApplicationRef,
    private sessionActions: SessionActions) {
  }

  ngOnInit() {
    // Etc.
    this.ngRedux.mapDispatchToTarget(this.mapDispatchToThis)(this);
  }

  mapDispatchToThis = (dispatch) => {
    const { loginUser, logoutUser } = this.sessionActions;

    return {
      login: (credentials) => dispatch(loginUser(credentials)),
      logout: () => dispatch(logoutUser())
    };
  };
};

mapDispatchToTarget({
  fooAction: this.actionService.foo,
  barAction: this.actionService.bar
})(this);