Angular 2

Second Angular Fiddle

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Angular 2 Advent Calendar 2015</title>
</head>
<body>
  <my-app>Loading…</my-app>
</body>
</html>

TypeScript

import {bootstrap, Component, FORM_DIRECTIVES} from "angular2/angular2";

@Component({
    selector: "my-app",
    directives: [FORM_DIRECTIVES],
    template: `
        <h1>{{title}}</h1>
        <input type='text' [ng-model]="title" (ng-model-change)="title=$event">
    `
})
class MyApp {
  title: string = "Hello World!";
}