40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
|
<!-- #docregion -->
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Angular 2 QuickStart</title>
|
||
|
|
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<!-- 1. Load libraries -->
|
||
|
|
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
|
||
|
|
<script src="https://code.angularjs.org/tools/typescript.js"></script>
|
||
|
|
<script src="https://code.angularjs.org/2.0.0-alpha.52/angular2.dev.js"></script>
|
||
|
|
|
||
|
|
<!-- 2. Configure SystemJS -->
|
||
|
|
<script>
|
||
|
|
System.config({
|
||
|
|
transpiler: 'typescript',
|
||
|
|
typescriptOptions: { emitDecoratorMetadata: true },
|
||
|
|
packages: {'src': {defaultExtension: 'ts'}}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- 3. Bootstrap -->
|
||
|
|
<script>
|
||
|
|
System.import('angular2/platform/browser').then(function(ng){
|
||
|
|
System.import('src/todo_app').then(function(src) {
|
||
|
|
ng.bootstrap(src.TodoApp);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<!-- 4. Display the application -->
|
||
|
|
<body>
|
||
|
|
<todo class="container" style="display: block">Loading...</todo>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|