40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
<!-- #docregion -->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Angular 2 Tabs</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<!-- 1. Load libraries -->
|
|
<!-- IE required polyfills (from CDN), in this exact order -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.16/system-polyfills.js"></script>
|
|
<script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
|
|
|
|
<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-beta.8/angular2-polyfills.js"></script>
|
|
<script src="https://code.angularjs.org/2.0.0-beta.8/Rx.js"></script>
|
|
<script src="https://code.angularjs.org/2.0.0-beta.8/angular2.dev.js"></script>
|
|
|
|
<!-- 2. Configure SystemJS -->
|
|
<script>
|
|
System.config({
|
|
transpiler: 'typescript',
|
|
typescriptOptions: { emitDecoratorMetadata: true },
|
|
packages: {'app': {defaultExtension: 'ts'}}
|
|
});
|
|
System.import('app/main')
|
|
.then(null, console.error.bind(console));
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<!-- 3. Display the application -->
|
|
<body>
|
|
<di-demo class="container" style="display: block;">Loading...</di-demo>
|
|
</body>
|
|
|
|
</html> |