title: Subscribe multiple Angular2 components to a Service
body: <p>I am trying to make two <code>Components</code> to get notified through a <code>Service</code> when another <code>Component</code> reacts to a DOM event.</p>
  
  <p>This should be achieved using <a href="http://reactivex.io/rxjs/class/es6/Subject.js~Subject.html" rel="nofollow noreferrer">RxJS Subject</a> Observable, or its direct subclasses(BehaviorSubject or ReplaySubject probably).</p>
  
  <p>This is the model:</p>
  
  <ul>
  <li>TriggerComponent</li>
  <li>NotificationService</li>
  <li>FirstListeningComponent</li>
  <li>SecondListeningComponent</li>
  </ul>
  
  <p>Neither of these three components are parent-child.</p>
  
  <p>I tried to follow these approaches:</p>
  
  <ol>
  <li><a href="https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-and-children-communicate-via-a-service" rel="nofollow noreferrer">Angular2 Parent and Children communication via service</a>  </li>
  <li><a href="https://stackoverflow.com/questions/34376854/delegation-eventemitter-or-observable-in-angular2#answer-35568924" title="E">RxJSObservable demo explanation</a></li>
  </ol>
  
  <p>but I didn't manage to adapt them for my needs.</p>
  
  <p><br>
  Please check <a href="http://plnkr.co/edit/GQq3mIx9rpyI1DkDKtSk?p=preview" rel="nofollow noreferrer">my live example on plnkr.co</a> </p>
  
  <p>Am I on the right path?</p>
  
  <p>Thank you</p>