title: Angularjs 2 Routing: redirect to dashboard after login
body: <p>I'm using Angular2 beta.14.</p>
  
  <p>What I want to do is creating a dummy login and then redirecting user to the protected overview page which has links to other components.</p>
  
  <p>Like this, </p>
  
  <ol>
  <li><p>before login, visit <code>localhost:3000/</code> or any protected pages will be redirected to <code>localhost:3000/dummylogin</code></p></li>
  <li><p>after users login, redirect user to <code>localhost:3000/overview</code></p></li>
  </ol>
  
  <p>Right now, I have</p>
  
  <p><code>app.component</code> - contains route config for <code>/dummylogin</code></p>
  
  <p><code>overview.component</code> - contains route config for <code>/update</code> etc.</p>
  
  <p><code>dummy-login.component</code> - contains route config for <code>/overview</code></p>
  
  <p>In the login component, I tried to use <code>this.router.navigateByUrl(['Overview'])</code> to redirect user to the <code>Overview</code> component after doing dummy authentication. But I got this error </p>
  
  <pre><code>ORIGINAL EXCEPTION: Child routes are not allowed for "/dummylogin".    
  Use "..." on the parent's route path.
  </code></pre>
  
  <p>This error msg doesn't make sense to me. And, I'm not sure if I'm on the right direction. Any ideas will be appreciated.</p>