Angularjs 2 Routing: redirect to dashboard after login
<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>