title: Angular 2 ngOnInit not called
body: <p>I am building an Angular 2 app with version beta.8.<br>
  In this app i have a component which implements OnInit.<br>
  In this component i have the function ngOnInit, but the ngOnInit function is never called.</p>
  
  <pre><code>import { Component, OnInit } from 'angular2/core';
  
  @Component({
    templateUrl: '/app/html/overview.html'
  })
  
  export class OverviewComponent implements OnInit {
    ngOnInit() {
      console.log('ngOnInit');
    }
  }
  </code></pre>
  
  <p>The Routing of the app:</p>
  
  <pre><code>@RouteConfig([
    {
      path: '/overview',
      name: 'Overview',
      component: OverviewComponent
    },
    {
      path: '/login',
      name: 'Login',
      component: LoginComponent
    },
    {
      path: '/register',
      name: 'Register',
      component: RegisterComponent,
      useAsDefault: true
    }
  ])
  </code></pre>
  
  <p>There is a check to see if the user is already logged in inside the LoginComponent and RegisterComponent.<br>
  If the user is logged in, the components redirect to Overview using: <code>router.navigate(['Overview'])</code>.<br>
  If i use the Overview route as default i do see ngOnInit inside the console.<br>
  So the way i redirect my page seems to be the problem.<br>
  How can redirect to the Overview page and call the ngOnInit function?</p>
  
  <p>Both the <code>RegisterComponent</code>and the <code>LoginComponent</code> use  </p>
  
  <pre><code>ngOnInit() {
    this._browser.getStorageValue('api_key', api_key =&gt; {
      if (api_key) {
        this._browser.gotoMain();
      }
    })
  }
  </code></pre>
  
  <p>Browser is a class in which i store browser specific code. 
  This is the gotoMain function:</p>
  
  <pre><code>gotoMain() {
    this._router.navigate([this._browser.main]);
  }
  </code></pre>
  
  <p><code>this._browser.main</code> is just a string in this case 'Overview'.</p>