Angular 2

<html>
  <head>
    <title>Angular 2 QuickStart</title>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.44/angular2.dev.js"></script>
    <script>
      System.config({
        transpiler: 'typescript',
        typescriptOptions: { emitDecoratorMetadata: true }
      });
      System.import('./app.ts');
    </script>
  </head>
  <body>
    <my-app>loading...</my-app>
  </body>
</html>

/* Styles go here */

import {Component, bootstrap} from 'angular2/angular2';
import PropertyBinding from './property-binding.ts';
@Component({
    selector: 'my-app',
    directives: [PropertyBinding],
    template: '<property-binding/>'
})
class AppComponent { }
bootstrap(AppComponent);

import {Component, bootstrap, Input, View} from 'angular2/angular2';

@Component({
  selector: 'hello-message',
  inputs: ['message'],
  template: 'Hello, {{message}}'
})
class HelloMessage { 
  @Input() message: string;
}

@Component({
    selector: 'property-binding',
    directives: [HelloMessage],
    template: '<hello-message message="World!"/>'
})
export default class PropertyBinding { }