title: Redirect to a new page in Angular 2 Routing
body: <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>