sasxa · January 2, 2016 05:27 · mcabreradev · Jul 7, 2016 · akankshagaur · Oct 26, 2016
diff --git a/emitter.service.ts b/emitter.service.ts
 import {Injectable, EventEmitter} from 'angular2/core';

 @Injectable()
 export class EmitterService {
  private static _emitters: { [ID: string]: EventEmitter<any> } = {};

  static get(ID: string): EventEmitter<any> {
    if (!this._emitters[ID]) 
      this._emitters[ID] = new EventEmitter();
    return this._emitters[ID];
  }
 }
diff --git a/example.component.ts b/example.component.ts
 import {Component, Input, OnChanges} from 'angular2/core';
 import {EmitterService} from './emitter.service';

 @Component({ selector: 'dispatcher', template: '' })
 class DispatcherComponent implements OnChanges {
  @Input() id: string;
  private value = "dispatcher component value";
  
  doStuff() {
    EmitterService.get(this.id).emit(value);
  }
 }
 @Component({ selector: 'listener', template: '' })
 class ListenerComponent implements OnChanges {
  @Input() id: string;

  ngOnChanges() {
    EmitterService.get(this.id).subscribe(value => console.log(value));
  }
 }

 @Component({
  providers: [EmitterService],
  selector: 'host',
  template: `
    <dispatcher [id]="host_id"></dispatcher>
    <listener [id]="host_id"></listener>
  `
 })
 export class HostComponent {
  public host_id: "HOST_COMPONENT";
  
  constructor(private _emitterService: EmitterService) {}
 }
	import {Injectable, EventEmitter} from 'angular2/core';

	@Injectable()
	export class EmitterService {
	private static _emitters: { [ID: string]: EventEmitter<any> } = {};

	static get(ID: string): EventEmitter<any> {
	if (!this._emitters[ID])
	this._emitters[ID] = new EventEmitter();
	return this._emitters[ID];
	}
	}
	import {Component, Input, OnChanges} from 'angular2/core';
	import {EmitterService} from './emitter.service';

	@Component({ selector: 'dispatcher', template: '' })
	class DispatcherComponent implements OnChanges {
	@Input() id: string;
	private value = "dispatcher component value";

	doStuff() {
	EmitterService.get(this.id).emit(value);
	}
	}
	@Component({ selector: 'listener', template: '' })
	class ListenerComponent implements OnChanges {
	@Input() id: string;

	ngOnChanges() {
	EmitterService.get(this.id).subscribe(value => console.log(value));
	}
	}

	@Component({
	providers: [EmitterService],
	selector: 'host',
	template: `
	<dispatcher [id]="host_id"></dispatcher>
	<listener [id]="host_id"></listener>
	`
	})
	export class HostComponent {
	public host_id: "HOST_COMPONENT";

	constructor(private _emitterService: EmitterService) {}
	}