title: missing route data when switching between sibling routes
body: <p>I have a component-tree which, if simplified, looks like this:</p>
  
  <pre><code>                           parent
                             /    \    
                         childA   childB
                                     \
                                   childBC
  </code></pre>
  
  <p>From <code>childA</code> I wish to go to <code>childBC</code> and I do it like this:</p>
  
  <p><code>// from childA: 
  this.router.navigate(['childB', 'childBC', someVeryImportantData], { relativeTo: this.route.parent });</code></p>
  
  <p>And in <code>childBC</code> I do this:</p>
  
  <p><code>this.route.data.subscribe(data =&gt; {......});</code></p>
  
  <p>When i do this, i get the following error: 
  <a href="https://i.stack.imgur.com/tOny2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tOny2.png" alt="enter image description here"></a></p>
  
  <p>However: neither <code>ChildB</code>or <code>childBC</code> gets instantiated so the error happens before all this.</p>
  
  <p>Can someone please tell me what is going on here?</p>