Edit on
<head>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/http.js"></script>
<!-- <script src="https://jspm.io/system@0.19.js"></script> -->
<script>
  System.config({
  map: {
    app: 'http://codepen.io/joshantbrown/pen/reaWEm.js'
  },
  meta: {
    '*.js': {
      format: 'cjs'
    }
  },
  packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
});
  System.import('app')
      .catch(console.error.bind(console));
</script>
</head>
<body>
<app>Loading...</app>
</body>
import {Component} from 'angular2/core'
import {bootstrap} from 'angular2/platform/browser';

@Component({
  selector: 'app',
  template: `
    Hello {{name}}
  `
})
export class App {
  constructor() {
    this.name = 'World'
  }
}

bootstrap(App, []);
View Compiled
Rerun