Redirect to a new page in Angular 2 Routing
<p>I have a scenario say a <strong>Home Page(app.component.ts with main.html)</strong> which is routed as default</p>

<p><strong>app.component.ts</strong></p>

<pre class="lang-ts prettyprint-override"><code>@RouteConfig([
    {path: '/',name : 'Home' , component : HomeComponent , useAsDefault: true },
    {path: '/user', name : 'User' , component : UserComponent },
    {path: '/about', name : 'About' , component : AboutComponent},
    {path : 'contact', name : 'Contact' , component : ContactComponent}
])
</code></pre>

<p><strong>main.html</strong></p>

<pre class="lang-ts prettyprint-override"><code>&lt;a [routerLink]="['/Home']"&gt;Home&lt;/a&gt;
&lt;a [routerLink]="['/User']"&gt;User Login&lt;/a&gt;
&lt;a [routerLink]="['/About']"&gt;About&lt;/a&gt;
&lt;a [routerLink]="['/Contact']"&gt;Contact&lt;/a&gt;

&lt;router-outlet&gt;&lt;/router-outlet&gt;
</code></pre>

<p>Now lets say for the 2 components i want to route using the router outlet, but for the User, i want to route to a entire new page i.e not in the router outlet . I tried <code>navigate</code> and <code>navigateByUrl</code> doesnt work it still loads it in the <code>&lt;router-outlet&gt;</code> . Please dont suggest <code>window.href</code></p>

<p>Ive tried using the Redirect class in angular2/router , but unable to do the needful.</p>