Angular

export interface IAppState {
example?: string;
}
export const INITIAL_STATE: IAppState = {
example: null,
};
export function rootReducer(state: IAppState = INITIAL_STATE, action: Action): IAppState {
switch (action.type) {
case EXAMPLE_CHANGED:
return Object.assign(state, state, (action));
default:
return state;
}
}
actions.ts
import {Action} from "redux";
export const EXAMPLE_CHANGED = 'EXAMPLE CHANGED';
export interface UpdateAction extends Action {
example: string;
}
Section 63.2: Get current state
import * as Redux from 'redux';
import {Inject, Injectable} from '@angular/core';
@Injectable()
export class exampleService {
constructor(@Inject(AppStore) private store: Redux.Store) {}
getExampleState(){
console.log(this.store.getState().example);
}
}
Section 63.3: change state
import * as Redux from 'redux';
import {Inject, Injectable} from '@angular/core';
@Injectable()
export class exampleService {
constructor(@Inject(AppStore) private store: Redux.Store) {}
setExampleState(){
this.store.dispatch(updateExample("new value"));
}
}
actions.ts
export interface UpdateExapleAction extends Action {
GoalKicker.com – Angular 2 Notes for Professionals 201