title: Angular2 + RxJS BehaviorSubject subscription not working on all components
body: <p>I'm trying to make some sort of communication between my components, so I'm using a service with a BehaviorSubject and Subscription in the components like this:</p>
  
  <p>Service (code related to the problem): </p>
  
  <pre><code>import { BehaviorSubject } from 'rxjs/BehaviorSubject'
  
  private _clientModalActionSource = new BehaviorSubject&lt;string&gt;('')
  modalAction$ = this._clientModalActionSource.asObservable()
  public updateClientModalAction(action) {
     this._clientModalActionSource.next(action)
     console.log('sent')
  }
  </code></pre>
  
  <p>Component A :</p>
  
  <pre><code>this._api.updateClientModalAction(id)
  </code></pre>
  
  <p>Component B : </p>
  
  <pre><code>import { Subscription } from 'rxjs/subscription'
  
  private _subscription: Subscription
  ngOnInit() { this._subscription = this._api.modalAction$.subscribe(res =&gt; {
     this.refreshModal(res)
     console.log('received')
  })}
  </code></pre>
  
  <p>This is working perfectly if Component B is child of Component A, but if A is the root component and B is inside its <code>&lt;router-outlet&gt;</code> (or the opposite) nothing is being received to the subscription, I only get <code>sent</code> in the console. </p>
  
  <p>what am I doing wrong?</p>