app.component.ts

import {Component} from  'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';

import {ViewOneComponent} from "./viewone.component";
import {ViewTwoComponent} from "./viewtwo.component";

@Component({
   selector : 'my-app',
   template : `<nav>
                 <a [routerLink]="['ViewOne']">View One</a>
                 <a [routerLink]="['ViewTwo', { routeParameter : '' }]">View Two</a>
               </nav>
               <router-outlet></router-outlet>`,
   directives : ROUTER_DIRECTIVES
})

@RouteConfig([
   {
      path : '/view-one',
      name : 'ViewOne',
      component : ViewOneComponent,
      useAsDefault : true
   },
   {
      path : '/view-two/:routeParameter',
      name : 'ViewTwo',
      component: ViewTwoComponent,
      data :  {
         routeData : "This is route data"
      }
   }])

export class AppComponent {}