title: Angular 2 - How do I navigate to another route using this.router.parent.navigate('/about')?
body: <p>Angular 2 - How do I navigate to another route using <code>this.router.parent.navigate('/about')</code>?</p>
  <p>It doesn't seem to work.
  I tried <code>location.go(&quot;/about&quot;);</code> as that didn't work.</p>
  <p>Basically, once a user has logged in I want to redirect them to another page.</p>
  <p>Here is my code below:</p>
  <pre><code> import {Component} from 'angular2/angular2';
   import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2';
   import {Router} from 'angular2/router';
  
   import {AuthService} from '../../authService';
  
   //Model
   class User {
     constructor(public email: string, public password: string) {}
   }
  
   @Component({
     templateUrl:'src/app/components/todo/todo.html',
     directives: [CORE_DIRECTIVES, FORM_DIRECTIVES]
   })
  
   export class Todo {   
       model = new User('Mark@gmail.com', 'Password'); 
       authService:AuthService;
       router: Router;
  
     constructor(_router: Router, _authService: AuthService){   
         this.authService = _authService;
         this.router = _router;
     }
  
     onLogin = () =&gt; {
         this.authService.logUserIn(this.model).then((success) =&gt; {      
  
            //This is where its broke - below:          
            this.router.parent.navigate('/about');
  
         });
     }
   }
  </code></pre>