title: Angular2 router (@angular/router), how to set default route?
body: <p>How can I set a default route in my @Routes route metadata collection?  If you use the angular2 router from @angular/router-deprecated you define the routes in @routeConfig object, which is a collection of route objects, but these route objects have more attributes on them.  For instance they have 'name' and 'useAsDefualt' attributes whereas the routes defined out of @angular/router do not.  I would like to write my new app using the new router, but how do i use the new router and set a default route?</p>
  
  <p>This is my main app component which defines my routes:  </p>
  
  <pre><code>import { Component } from '@angular/core';
  import { DashboardComponent } from './dashboard/dashboard.component';
  import { ConfigManagerComponent } from './configManager/configManager.component';
  import { ApplicationMgmtComponent } from './applicationMgmt/applicationMgmt.component';
  import { MergeComponent } from './merge/merge.component';
  
  import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
  
  
  @Component({
      selector: 'app-container',
      templateUrl: 'app/app.component.html',
      directives: [ROUTER_DIRECTIVES]
  })
  
  @Routes([
  
          { path: '/Dashboard', component: DashboardComponent },
          { path: '/ConfigManager', component: ConfigManagerComponent },
          { path: '/Merge', component: MergeComponent },
          { path: '/ApplicationManagement', component: ApplicationMgmtComponent }
  ])
  
  export class AppComponent { }
  </code></pre>
  
  <p>The route definitions seem to be working fine, when I click on anchor tags like this one:</p>
  
  <pre><code>&lt;li class="nav hidden-xs"&gt;&lt;a [routerLink]="['./Dashboard']"&gt;Dashboard&lt;/a&gt;/li&gt;
  </code></pre>
  
  <p>It transitions to the associated route.  My only issue is that when my app loads it doesn't have a route active.  How do i define a default route that is active when my app bootstraps?</p>
  
  <p>Thanks!</p>