reed-lawrence

constructor(private state: AppStateService) {
  
  this.state.onUserChanges.subscribe(
    user => { console.log('New Email: ' + user.email); }
  );

  this.state.user = new User({ email: 'test@test.net' });
  // console: New Email: test@test.net;

}

reed-lawrence

export interface IAppStateService {
  user: IUser;
  onUserChanges: Subject<IUser>;
}

@Injectable({
  providedIn: 'root'
})
export class AppStateService implements IAppStateService {

reed-lawrence

export interface IAppStateService {
  user: IUser;
  onUserChanges: Subject<IUser>;
}

@Injectable({
  providedIn: 'root'
})
export class AppStateService implements IAppStateService {

reed-lawrence

import { Subject } from 'rxjs';

export interface IUser {
  username: string;
  email: string;
}

export class User implements IUser {
  private _email: string = '';
  private _username: string = '';

reed-lawrence

import { User, IUser } from '../classes/user'
import { Subject } from 'rxjs';

export interface IGlobalComponentState {
  user: IUser;
}

export class GlobalComponentState implements IGlobalComponentState {
  private _user: User = new User();
  onUserChanges = new Subject<User>();

reed-lawrence

export interface IUser {
  username: string;
  email: string;
}

export class User implements IUser {
  email: string = '';
  username: string = '';

  constructor(init?: Partial<IUser>) {

reed-lawrence

import {
  Injectable,
  Injector,
  ComponentFactoryResolver,
  EmbeddedViewRef,
  ApplicationRef,
  ComponentRef
} from '@angular/core';

@Injectable()