title: Reload a navigation component after login redirects to another component Angular 2
body: <p>I've a nasty problem to solve in my angular 2 webapp.</p>
  
  <p>Let's say that I have this template in the app.component</p>
  
  <pre><code>&lt;main-menu&gt;&lt;/main-menu&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>Now the <strong>default</strong> component that gets injected inside the router-outlet tag is the <strong>login component</strong> and so far so good.</p>
  
  <p>The problems come when I hit the login button.
  The back-end api returns a user_role, and depending from it <strong>the main-menu must change</strong> (some links can be seen, others not etc.) and when the login is successful, it navigates to another <strong>third component</strong>.</p>
  
  <p>The problem is that the constructor of the main-menu component and its hooks like ngAfterViewInit are not called a second time (since <strong>we're not navigating toward it</strong> but toward a third component) and this is a problem since I need the logic inside there to be reloaded.</p>
  
  <p>I think I could solve this through child-routing (login injects menu, menu injects everything else), but is there a quicker way to solve it?</p>