title: Angular2 routing issue
body: <p>I am trying to run an Angular2 beta sample that uses deep routing, but <code>route.navigate()</code> doesn't work and if i use routeLink it works on the same route</p>
  
  
  
  <pre class="lang-ts prettyprint-override"><code>@Component({
      templateUrl: './app/templates/main-menu.component.html',
      directives: [RouterOutlet, RouterLink],
      //providers: [ROUTER_PROVIDERS]
  })
  
  @RouteConfig([
  
          { path: '/operations/...', name: 'Operations', component: OperationsComponent, useAsDefault: true },
          { path: '/quotes', name: 'Quotes', component: QuotesComponent, useAsDefault: false},
          { path: '/customers', name: 'Customers', component: CustomersComponent, useAsDefault: false },
          { path: '/contacts', name: 'Contacts', component: ContactsComponent, useAsDefault: false },
          { path: '/maintenance', name: 'Maintenance', component: MaintenanceComponent, useAsDefault: false }//
  
  ])
  export class MainMenuComponent implements OnInit{
      constructor(
          private _router: Router,
          private _routerParams: RouteParams
  
      ) { }
  
      menus: MenuItem[];
      selectedMenuItem: MenuItem;
  
      onSelect(item: MenuItem) {
          this.selectedMenuItem = item;
          this._router.navigate[item.name];
  
  
      }
  
  export class MenuItem {
      constructor(public id: number, public name: string) { }
  }
  
      export var Menus: MenuItem[] = [
          new MenuItem(1, 'Operations'),
          new MenuItem(2, 'Quotes'),
          new MenuItem(3, 'Customers'),
          new MenuItem(4, 'Contacts'),
          new MenuItem(5, 'Maintenance')
      ]
  </code></pre>
  
  <p>in the html template if i use the routeLink it will work:</p>
  
  <pre class="lang-ts prettyprint-override"><code>&lt;h1 style="margin-left:15px"&gt;Main Menu&lt;/h1&gt;
  
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;ul style="height:1000px"&gt;
                  &lt;li class="MainMenuItem" *ngFor="#item of menus" (click)="onSelect(item)" [class.MainMenuSelectedItem]="item === selectedMenuItem"&gt;
                      &lt;div&gt;
                          &lt;div style="margin-left:15px; height:15px; width:15px; display:inline-block;
                      vertical-align:middle; margin-top:-2px;
                      background : linear-gradient(0deg, rgba(168, 213, 237, 1) 0%, rgba(164, 211, 236, 1) 15.72%, rgba(151, 204, 233, 1) 32.68%, rgba(129, 194, 227, 1) 50.24%, rgba(99, 178, 219, 1) 68.19%, rgba(60, 159, 210, 1) 86.27%, rgba(26, 142, 201, 1) 100%);
                      box-shadow : 1px 1px 0px rgba(255, 255, 255, 1);"&gt;
                          &lt;/div&gt;
  
  
                          &lt;a [routerLink]="[item.name]"&gt;{{item.name}}&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
              &lt;/ul&gt; 
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div  style="width:1450px;height:1000px;background-color:bisque;vertical-align: top;margin-left:-95px"&gt; 
                  &lt;router-outlet&gt;&lt;/router-outlet&gt;
              &lt;/div&gt;
           &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>