title: angular 2 router.events subscription not firing
body: <p>I'm using a breadcrumbs component which make a subscription to router.events.
  The problem is the first time the component is loaded, it does not fire the subscription.</p>
  
  <pre class="lang-js prettyprint-override"><code>ngOnInit(): void {
    console.log("oninit beradcumbs");
    this.router.events.filter(event =&gt; event instanceof NavigationEnd).subscribe(event =&gt; {
      this.breadcrumbs = [];
      let currentRoute = this.route.root,
      url = '';
      do {
        const childrenRoutes = currentRoute.children;
        currentRoute = null;
        childrenRoutes.forEach(route =&gt; {
          if (route.outlet === 'primary') {
            const routeSnapshot = route.snapshot;
            url += '/' + routeSnapshot.url.map(segment =&gt; segment.path).join('/');
            this.breadcrumbs.push({
              label: route.snapshot.data,
              url:   url
            });
            currentRoute = route;
          }
        });
      } while (currentRoute);
      console.log("Breadcumbs",this.breadcrumbs);
    });
  }
  </code></pre>
  
  <p>When a link with routerLink property is clicked, the subscription emits the values and it works fine.
  I compared my project with a working one with Augury and in the breadcrumb component, the state of Router looks like this: <a href="https://i.stack.imgur.com/2uWPZ.png" rel="noreferrer">Not working Router</a></p>
  
  <p>And the working one: <a href="https://i.stack.imgur.com/cNHnd.png" rel="noreferrer">Working router</a></p>
  
  <p>Let me now if you need more info to help :)
  Thanks in advance!</p>