parent
1c301160d0
commit
0b466a239d
|
@ -2,13 +2,21 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Intro to Angular 2</title>
|
<title>Intro to Angular 2</title>
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -4,14 +4,22 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Attribute Directives</title>
|
<title>Attribute Directives</title>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
<script>
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
System.config({
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
<script>
|
||||||
});
|
System.config({
|
||||||
System.import('app/boot');
|
packages: {
|
||||||
</script>
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -3,13 +3,21 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Displaying Data</title>
|
<title>Displaying Data</title>
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -11,13 +11,21 @@
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
<!-- #enddocregion styles -->
|
<!-- #enddocregion styles -->
|
||||||
|
|
||||||
<script src="/node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -3,13 +3,21 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Hierarchical Injectors</title>
|
<title>Hierarchical Injectors</title>
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -3,13 +3,21 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Pipes</title>
|
<title>Pipes</title>
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -17,9 +17,15 @@
|
||||||
<!-- #docregion systemjs -->
|
<!-- #docregion systemjs -->
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
<!-- #enddocregion systemjs -->
|
<!-- #enddocregion systemjs -->
|
||||||
|
|
||||||
|
|
|
@ -10,12 +10,25 @@
|
||||||
<!-- #enddocregion base-href -->
|
<!-- #enddocregion base-href -->
|
||||||
<title>Router Sample</title>
|
<title>Router Sample</title>
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<!-- #docregion router-lib -->
|
<!-- #docregion router-lib -->
|
||||||
<script src="node_modules/angular2/bundles/router.dev.js"></script>
|
<script src="node_modules/angular2/bundles/router.dev.js"></script>
|
||||||
<!-- #enddocregion router-lib -->
|
<!-- #enddocregion router-lib -->
|
||||||
|
<script>
|
||||||
|
System.config({
|
||||||
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
|
</script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {'app': {defaultExtension: 'js'}}
|
||||||
|
|
|
@ -7,17 +7,24 @@
|
||||||
<!-- #enddocregion base-href -->
|
<!-- #enddocregion base-href -->
|
||||||
<title>Router Sample</title>
|
<title>Router Sample</title>
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<!-- #docregion router-lib -->
|
<!-- #docregion router-lib -->
|
||||||
<script src="node_modules/angular2/bundles/router.dev.js"></script>
|
<script src="node_modules/angular2/bundles/router.dev.js"></script>
|
||||||
<!-- #enddocregion router-lib -->
|
<!-- #enddocregion router-lib -->
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot').catch(console.log.bind(console));
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -4,18 +4,22 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Angular 2 Structural Directives</title>
|
<title>Angular 2 Structural Directives</title>
|
||||||
<!-- #docregion libraries -->
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<!-- #enddocregion libraries -->
|
|
||||||
<!-- #docregion systemjs -->
|
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
<!-- #enddocregion systemjs -->
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -3,13 +3,21 @@
|
||||||
<head>
|
<head>
|
||||||
<title>Template Syntax</title>
|
<title>Template Syntax</title>
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
<script src="../node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -3,13 +3,21 @@
|
||||||
<head>
|
<head>
|
||||||
<title>User Input</title>
|
<title>User Input</title>
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
||||||
|
<script src="node_modules/rxjs/bundles/Rx.js"></script>
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
||||||
<script>
|
<script>
|
||||||
System.config({
|
System.config({
|
||||||
packages: {'app': {defaultExtension: 'js'}}
|
packages: {
|
||||||
|
app: {
|
||||||
|
format: 'register',
|
||||||
|
defaultExtension: 'js'
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
System.import('app/boot');
|
System.import('app/boot')
|
||||||
|
.then(null, console.error.bind(console));
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@ var _rxRules = {
|
||||||
to: '<link rel="stylesheet" href="%tag%">'
|
to: '<link rel="stylesheet" href="%tag%">'
|
||||||
},
|
},
|
||||||
config: {
|
config: {
|
||||||
from: /\s*System.config\(\{\s*packages:[\s\S]*\}\}\s*\}\);/m,
|
from: /\s*System.config\(\{[\s\S]*\}\);/m,
|
||||||
to: "\n" +
|
to: "\n" +
|
||||||
" System.config({\n" +
|
" System.config({\n" +
|
||||||
" transpiler: 'typescript', \n" +
|
" transpiler: 'typescript', \n" +
|
||||||
|
|
Loading…
Reference in New Issue