Sharing state between Angular 2 components

shared.state.service.ts

@Injectable()
export class AppStateService {

    constructor() {
        this.appState = new Subject<AppState>();
    }

    state: AppState = new AppState();
    appState: Subject<AppState>;

    toggleMiddleBar(toggle?: boolean) {
        this.state.middleBarInUse = toggle ? toggle : !this.state.middleBarInUse;

        this.setState(this.state);
    }

    authorize() {
        this.state.authorized = true;

        this.setState(this.state);
    }

    deauthorize() {
        this.state.authorized = false;

        this.setState(this.state);
    }

    private setState(state: AppState) {
        this.appState.next(state);
    }
}