Angular 2 alpha.36 with ES5

app.js

var Hello = ng
  .Component({
    selector: 'hello'
  })
  .View({
    template: '<p>Hello, {{ name }}!</p>'
  })
  .Class({
    constructor: function () {
      this.name = 'angular';
    }
  });

var Ciao = ng
  .Component({
    selector: 'ciao'
  })
  .View({
    template: '<p>Ciao, {{ name }}!</p>'
  })
  .Class({
    constructor: function () {
      this.name = 'Angular';
    }
  });

var HelloApp = ng
  .Component({
    selector: 'hello-app'
  })
  .View({
    directives: [Hello, ngRouter.routerDirectives],
    template: '\
      <ul>\
        <li><a [router-link]="[\'/hello\']">Hello</a></li>\
        <li><a [router-link]="[\'/ciao\']">Ciao</a></li>\
      </ul>\
      <router-outlet></router-outlet>\
    '
  })
  .Class({
    constructor: function () {
    }
  });

Reflect.getMetadata('annotations', HelloApp)
  .push(new ngRouter.RouteConfig([
    { path: '/', redirectTo: '/hello' },
    { path: '/hello', component: Hello, as: 'hello' },
    { path: '/ciao', component: Ciao, as: 'ciao' }
  ]));

document.addEventListener('DOMContentLoaded', function () {
  ng.bootstrap(HelloApp, [
    ngRouter.routerInjectables,
    ng.bind(ngRouter.LocationStrategy).toClass(ngRouter.HashLocationStrategy)
  ]);
});

I had to set RouteConfig as a metadata because it's not included in the chainable methods.