index.html

<!doctype html>
<html>
<head>
  <title>forms-js ng2</title>
  <style media="screen">
  html,
  body {
    margin: 0;
    padding: 0;
  }

  body {
    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    background: #eaeaea url('/deps/css/bg.png');
    color: #4d4d4d;
    width: 550px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }
  </style>
</head>
<body>
  <h1>My Form</h1>
  <forms-js-form [thing]="whatever">Cranking up form...</forms-js-form>

  <!-- loading es6-module-loader.js shims promises, so it has to come before zone.js -->
  <script src="/deps/traceur.js"></script>
  <script src="/deps/system.js"></script>

  <script src="/deps/zone.js"></script>
  <script src="/deps/long-stack-trace-zone.js"></script>

  <script src="/ng/rtts_assert/rtts_assert.js"></script>
  <script src="/deps/firebase/firebase.js"></script>

  <script>
    System.paths = {
      '*':'/ng/*.js',
      'di':'angular2/di',
      'annotations':'annotations.js',
      'form': 'form.js',
      'firebase/angularfire': 'deps/firebase/angularfire.js'
    };
    System.import('form').then(function(module) {
      module.main();
    }, console.log.bind(console));
  </script>
  </body>
</html>