title: Angular 2 router `NavigationEnd` events before initialization
body: <p>I want to display one of my angular components differently depending on the current route. To do this, I've set up a subscription to <code>NavigationEnd</code> in the component. However, this component only seems to be initialized after navigation has ended, so it is never called. Code is as follows:</p>
  
  <pre><code>constructor(private store: Store&lt;fromApp.AppState&gt;, private router: Router) {
  }
  subscribeToNavigation() {
    console.log('Setting up navigation subscription');
    const navEnd = this.router.events.pipe(
      filter(evt =&gt; evt instanceof NavigationEnd)
    ) as Observable&lt;NavigationEnd&gt;;
    this.navEndSubscription = navEnd.subscribe(evt =&gt; {
      console.log('Finished navigating to: ' + evt.url);
    });
    console.log('done');
  }
  </code></pre>
  
  <p>Am I going about this the wrong way with listening to <code>NavigationEnd</code> events?</p>