reed-lawrence

reed-lawrence / test-component.ts

Created December 6, 2019 16:32

	constructor(private state: AppStateService) {

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

	this.state.user = new User({ email: '[email protected]' });
	// console: New Email: [email protected];

	}

reed-lawrence / app-state.service.ts

Created December 6, 2019 16:23

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

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

reed-lawrence / app-state-deep.service.ts

Last active December 6, 2019 16:35

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

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

reed-lawrence / user-deep.ts

Created December 3, 2019 19:49

	import { Subject } from 'rxjs';

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

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

reed-lawrence / global-component-state.ts

Created December 3, 2019 19:47

	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 / user.ts

Last active December 3, 2019 19:46

Cross-component change detection observables

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

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

	constructor(init?: Partial<IUser>) {

reed-lawrence / dom.service.ts

Last active July 7, 2022 18:37 — forked from caroso1222/dom.service.ts

Service to dynamically append Angular components to the body