. See QuickStart
diff --git a/public/_includes/_version-dropdown.jade b/public/_includes/_version-dropdown.jade
index 91db1cc9b9..7efde1434c 100644
--- a/public/_includes/_version-dropdown.jade
+++ b/public/_includes/_version-dropdown.jade
@@ -35,11 +35,10 @@ else if current.path[3]
//- VERSION TREE CREATOR MIXIN
mixin tree(directory, urlPrefix, name, latest)
- ul
- for val, semvar in directory
- if semvar !== '.git' && semvar !== '_data'
- - var libVersion = (semvar == "latest") ? latest : semvar.replace(/\_+/gm, ".")
- li
#{name} #{libVersion}
+ for val, semvar in directory
+ if semvar !== '.git' && semvar !== '_data'
+ - var libVersion = (semvar == "latest") ? latest : semvar.replace(/\_+/gm, ".")
+ li
#{name} #{libVersion}
//- BUTTON TITLE GENERATION
@@ -69,7 +68,7 @@ nav.dropdown
div(class="overlay ng-hide" ng-click="appCtrl.toggleVersionMenu($event)" ng-show="appCtrl.showMenu")
- div(class="dropdown-menu" ng-class="appCtrl.showMenu ? 'is-visible' : ''")
+ ul(class="dropdown-menu" ng-class="appCtrl.showMenu ? 'is-visible' : ''")
mixin tree(public.docs.ts, "/docs/ts", "Angular 2 for TypeScript")
mixin tree(public.docs.js, "/docs/js", "Angular 2 for JavaScript")
//- Disable cross-language link for API entry pages (but keep for top API search page):
diff --git a/public/docs/_examples/_protractor/package.json b/public/docs/_examples/_protractor/package.json
index eca5cae41f..1e12742c38 100644
--- a/public/docs/_examples/_protractor/package.json
+++ b/public/docs/_examples/_protractor/package.json
@@ -13,7 +13,9 @@
"license": "ISC",
"devDependencies": {
"protractor": "^3.3.0",
- "typings": "^1.0.4"
+ "typings": "^1.0.4",
+ "ts-node": "^1.3.0",
+ "typescript": "^2.0.2"
},
"repository": {}
}
diff --git a/public/docs/_examples/animations/e2e-spec.ts b/public/docs/_examples/animations/e2e-spec.ts
index e2e9b64b9b..9b6319db66 100644
--- a/public/docs/_examples/animations/e2e-spec.ts
+++ b/public/docs/_examples/animations/e2e-spec.ts
@@ -289,6 +289,19 @@ describe('Animation Tests', () => {
});
});
+ describe('callbacks', () => {
+ it('fires a callback on start and done', () => {
+ addActiveHero();
+ browser.manage().logs().get('browser').then((logs) => {
+ const animationMessages = logs.filter((log) => {
+ return log.message.indexOf('Animation') !== -1 ? true : false;
+ });
+
+ expect(animationMessages.length).toBeGreaterThan(0);
+ });
+ });
+ });
+
function addActiveHero(sleep?: number) {
sleep = sleep || 500;
element(by.buttonText('Add active hero')).click();
diff --git a/public/docs/_examples/animations/ts/app/hero-list-multistep.component.ts b/public/docs/_examples/animations/ts/app/hero-list-multistep.component.ts
index f0f4c1b3e1..adea35047c 100644
--- a/public/docs/_examples/animations/ts/app/hero-list-multistep.component.ts
+++ b/public/docs/_examples/animations/ts/app/hero-list-multistep.component.ts
@@ -6,7 +6,8 @@ import {
style,
animate,
transition,
- keyframes
+ keyframes,
+ AnimationTransitionEvent
} from '@angular/core';
import { Heroes } from './hero.service';
@@ -14,14 +15,18 @@ import { Heroes } from './hero.service';
@Component({
moduleId: module.id,
selector: 'hero-list-multistep',
+ // #docregion template
template: `
`,
+ // #enddocregion template
styleUrls: ['hero-list.component.css'],
/* The element here always has the state "in" when it
* is present. We animate two transitions: From void
@@ -54,4 +59,12 @@ import { Heroes } from './hero.service';
})
export class HeroListMultistepComponent {
@Input() heroes: Heroes;
+
+ animationStarted(event: AnimationTransitionEvent) {
+ console.warn('Animation started: ', event);
+ }
+
+ animationDone(event: AnimationTransitionEvent) {
+ console.warn('Animation done: ', event);
+ }
}
diff --git a/public/docs/_examples/cb-aot-compiler/e2e-spec.ts b/public/docs/_examples/cb-aot-compiler/e2e-spec.ts
new file mode 100644
index 0000000000..1f7c00704c
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/e2e-spec.ts
@@ -0,0 +1,25 @@
+///
+'use strict';
+/* tslint:disable:quotemark */
+describe('AOT Compilation', function () {
+
+ beforeAll(function () {
+ browser.get('');
+ });
+
+ it('should load page and click button', function (done) {
+ let headingSelector = element.all(by.css('h1')).get(0);
+ expect(headingSelector.getText()).toEqual('My First Angular 2 App');
+
+ expect(element.all(by.xpath('//div[text()="Magneta"]')).get(0).isPresent()).toBe(true);
+ expect(element.all(by.xpath('//div[text()="Bombasto"]')).get(0).isPresent()).toBe(true);
+ expect(element.all(by.xpath('//div[text()="Magma"]')).get(0).isPresent()).toBe(true);
+ expect(element.all(by.xpath('//div[text()="Tornado"]')).get(0).isPresent()).toBe(true);
+
+ let toggleButton = element.all(by.css('button')).get(0);
+ toggleButton.click().then(function() {
+ expect(headingSelector.isPresent()).toBe(false);
+ done();
+ });
+ });
+});
diff --git a/public/docs/_examples/cb-aot-compiler/ts/.gitignore b/public/docs/_examples/cb-aot-compiler/ts/.gitignore
new file mode 100644
index 0000000000..f2e297bbd3
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/.gitignore
@@ -0,0 +1,5 @@
+**/*.ngfactory.ts
+**/*.metadata.json
+dist
+!app/tsconfig.json
+!rollup.js
\ No newline at end of file
diff --git a/public/docs/_examples/cb-aot-compiler/ts/app/app.component.html b/public/docs/_examples/cb-aot-compiler/ts/app/app.component.html
new file mode 100644
index 0000000000..c6a7babb8b
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/app/app.component.html
@@ -0,0 +1,7 @@
+
+
+
My First Angular 2 App
+
+
List of Heroes
+
{{hero}}
+
diff --git a/public/docs/_examples/cb-aot-compiler/ts/app/app.component.ts b/public/docs/_examples/cb-aot-compiler/ts/app/app.component.ts
new file mode 100644
index 0000000000..8352eb83f3
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/app/app.component.ts
@@ -0,0 +1,17 @@
+// #docregion
+// #docregion
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'my-app',
+ templateUrl: 'app.component.html'
+})
+export class AppComponent {
+ showHeading = true;
+ heroes = ['Magneta', 'Bombasto', 'Magma', 'Tornado'];
+
+ toggleHeading() {
+ this.showHeading = !this.showHeading;
+ }
+
+}
diff --git a/public/docs/_examples/cb-aot-compiler/ts/app/app.module.ts b/public/docs/_examples/cb-aot-compiler/ts/app/app.module.ts
new file mode 100644
index 0000000000..b4fc185c24
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/app/app.module.ts
@@ -0,0 +1,12 @@
+// #docregion
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+ imports: [ BrowserModule ],
+ declarations: [ AppComponent ],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule { }
diff --git a/public/docs/_examples/cb-aot-compiler/ts/app/main-jit.ts b/public/docs/_examples/cb-aot-compiler/ts/app/main-jit.ts
new file mode 100644
index 0000000000..2a7981d0c5
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/app/main-jit.ts
@@ -0,0 +1,6 @@
+// #docregion
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/public/docs/_examples/cb-aot-compiler/ts/app/main.ts b/public/docs/_examples/cb-aot-compiler/ts/app/main.ts
new file mode 100644
index 0000000000..f5a9e94209
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/app/main.ts
@@ -0,0 +1,6 @@
+// #docregion
+import { platformBrowser } from '@angular/platform-browser';
+
+import { AppModuleNgFactory } from '../aot/app/app.module.ngfactory';
+
+platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
diff --git a/public/docs/_examples/cb-aot-compiler/ts/example-config.json b/public/docs/_examples/cb-aot-compiler/ts/example-config.json
new file mode 100644
index 0000000000..1ef73390ce
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/example-config.json
@@ -0,0 +1,4 @@
+{
+ "build": "build:aot",
+ "run": "http-server:e2e"
+}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-aot-compiler/ts/index.html b/public/docs/_examples/cb-aot-compiler/ts/index.html
new file mode 100644
index 0000000000..5d3d6b68c4
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
Ahead of time compilation
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading...
+
+
+
+
+
diff --git a/public/docs/_examples/cb-aot-compiler/ts/rollup.js b/public/docs/_examples/cb-aot-compiler/ts/rollup.js
new file mode 100644
index 0000000000..5b90e5b0ea
--- /dev/null
+++ b/public/docs/_examples/cb-aot-compiler/ts/rollup.js
@@ -0,0 +1,25 @@
+// #docregion
+import rollup from 'rollup'
+import nodeResolve from 'rollup-plugin-node-resolve'
+import commonjs from 'rollup-plugin-commonjs';
+import uglify from 'rollup-plugin-uglify'
+
+// #docregion config
+export default {
+ entry: 'app/main.js',
+ dest: 'dist/build.js', // output a single application bundle
+ sourceMap: false,
+ format: 'iife',
+ plugins: [
+ nodeResolve({jsnext: true, module: true}),
+ // #docregion commonjs
+ commonjs({
+ include: 'node_modules/rxjs/**',
+ }),
+ // #enddocregion commonjs
+ // #docregion uglify
+ uglify()
+ // #enddocregion uglify
+ ]
+}
+// #enddocregion config
\ No newline at end of file
diff --git a/public/docs/_examples/testing/ts/tsconfig.1.json b/public/docs/_examples/cb-aot-compiler/ts/tsconfig-aot.json
similarity index 57%
rename from public/docs/_examples/testing/ts/tsconfig.1.json
rename to public/docs/_examples/cb-aot-compiler/ts/tsconfig-aot.json
index 062cf1bcb4..50cd4b53be 100644
--- a/public/docs/_examples/testing/ts/tsconfig.1.json
+++ b/public/docs/_examples/cb-aot-compiler/ts/tsconfig-aot.json
@@ -1,7 +1,7 @@
{
"compilerOptions": {
"target": "es5",
- "module": "system",
+ "module": "es2015",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
@@ -9,5 +9,16 @@
"removeComments": false,
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true
- }
+ },
+
+ "files": [
+ "app/app.module.ts",
+ "app/main.ts",
+ "./typings/index.d.ts"
+ ],
+
+ "angularCompilerOptions": {
+ "genDir": "aot",
+ "skipMetadataEmit" : true
+ }
}
diff --git a/public/docs/_examples/cb-ts-to-js/js/index.html b/public/docs/_examples/cb-ts-to-js/js/index.html
index 89e80451a6..448c295609 100644
--- a/public/docs/_examples/cb-ts-to-js/js/index.html
+++ b/public/docs/_examples/cb-ts-to-js/js/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/public/docs/_examples/forms-deprecated/e2e-spec.ts.disabled b/public/docs/_examples/forms-deprecated/e2e-spec.ts.disabled
deleted file mode 100644
index ab5c8321be..0000000000
--- a/public/docs/_examples/forms-deprecated/e2e-spec.ts.disabled
+++ /dev/null
@@ -1,64 +0,0 @@
-///
-'use strict';
-describeIf(browser.appIsTs || browser.appIsJs, 'Forms (Deprecated) Tests', function () {
-
- beforeEach(function () {
- browser.get('');
- });
-
- it('should display correct title', function () {
- expect(element.all(by.css('h1')).get(0).getText()).toEqual('Hero Form');
- });
-
-
- it('should not display message before submit', function () {
- let ele = element(by.css('h2'));
- expect(ele.isDisplayed()).toBe(false);
- });
-
- it('should hide form after submit', function () {
- let ele = element.all(by.css('h1')).get(0);
- expect(ele.isDisplayed()).toBe(true);
- let b = element.all(by.css('button[type=submit]')).get(0);
- b.click().then(function() {
- expect(ele.isDisplayed()).toBe(false);
- });
- });
-
- it('should display message after submit', function () {
- let b = element.all(by.css('button[type=submit]')).get(0);
- b.click().then(function() {
- expect(element(by.css('h2')).getText()).toContain('You submitted the following');
- });
- });
-
- it('should hide form after submit', function () {
- let alterEgoEle = element.all(by.css('input[ngcontrol=alterEgo]')).get(0);
- expect(alterEgoEle.isDisplayed()).toBe(true);
- let submitButtonEle = element.all(by.css('button[type=submit]')).get(0);
- submitButtonEle.click().then(function() {
- expect(alterEgoEle.isDisplayed()).toBe(false);
- });
- });
-
- it('should reflect submitted data after submit', function () {
- let test = 'testing 1 2 3';
- let newValue: string;
- let alterEgoEle = element.all(by.css('input[ngcontrol=alterEgo]')).get(0);
- alterEgoEle.getAttribute('value').then(function(value) {
- // alterEgoEle.sendKeys(test);
- sendKeys(alterEgoEle, test);
- newValue = value + test;
- expect(alterEgoEle.getAttribute('value')).toEqual(newValue);
- }).then(function() {
- let b = element.all(by.css('button[type=submit]')).get(0);
- return b.click();
- }).then(function() {
- let alterEgoTextEle = element(by.cssContainingText('div', 'Alter Ego'));
- expect(alterEgoTextEle.isPresent()).toBe(true, 'cannot locate "Alter Ego" label');
- let divEle = element(by.cssContainingText('div', newValue));
- expect(divEle.isPresent()).toBe(true, 'cannot locate div with this text: ' + newValue);
- });
- });
-});
-
diff --git a/public/docs/_examples/forms-deprecated/js/app/app.component.js b/public/docs/_examples/forms-deprecated/js/app/app.component.js
deleted file mode 100644
index bb6b789938..0000000000
--- a/public/docs/_examples/forms-deprecated/js/app/app.component.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// #docregion
-(function(app) {
- app.AppComponent = ng.core
- .Component({
- selector: 'my-app',
- template: '
',
- directives: [app.HeroFormComponent]
- })
- .Class({
- constructor: function() {}
- });
-})(window.app || (window.app = {}));
diff --git a/public/docs/_examples/forms-deprecated/js/app/hero-form.component.html b/public/docs/_examples/forms-deprecated/js/app/hero-form.component.html
deleted file mode 100644
index fdf8e08396..0000000000
--- a/public/docs/_examples/forms-deprecated/js/app/hero-form.component.html
+++ /dev/null
@@ -1,195 +0,0 @@
-
-
-
-
-
-
-
-
-
You submitted the following:
-
-
Name
-
{{ model.name }}
-
-
-
Alter Ego
-
{{ model.alterEgo }}
-
-
-
Power
-
{{ model.power }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- TODO: remove this: {{model.name}}
-
-
-
-
- TODO: remove this: {{model.name}}
-
-
-
-
-
-
- Name via form.controls = {{showFormControls(heroForm)}}
-
-
-
diff --git a/public/docs/_examples/forms-deprecated/js/app/hero-form.component.js b/public/docs/_examples/forms-deprecated/js/app/hero-form.component.js
deleted file mode 100644
index 8988231189..0000000000
--- a/public/docs/_examples/forms-deprecated/js/app/hero-form.component.js
+++ /dev/null
@@ -1,52 +0,0 @@
-// #docplaster
-// #docregion
-// #docregion first, final
-(function(app) {
- app.HeroFormComponent = ng.core
- .Component({
- selector: 'hero-form',
- templateUrl: 'app/hero-form.component.html'
- })
- .Class({
- // #docregion submitted
- constructor: function() {
- // #enddocregion submitted
- this.powers = ['Really Smart', 'Super Flexible',
- 'Super Hot', 'Weather Changer'
- ];
-
- this.model = new app.Hero(18, 'Dr IQ', this.powers[0],
- 'Chuck Overstreet');
-
- // #docregion submitted
- this.submitted = false;
- },
- onSubmit: function() {
- this.submitted = true;
- },
- // #enddocregion submitted
-
- // #enddocregion final
- // TODO: Remove this when we're done
- diagnostic: function() {
- return JSON.stringify(this.model);
- },
- // #enddocregion first
-
-
- //////// DO NOT SHOW IN DOCS ////////
-
- // Reveal in html:
- // AlterEgo via form.controls = {{showFormControls(hf)}}
- showFormControls: function(form) {
- return form.controls['alterEgo'] &&
- // #docregion form-controls
- form.controls['name'].value; // Dr. IQ
- // #enddocregion form-controls
- },
- /////////////////////////////
-
- // #docregion first, final
- });
- // #enddocregion first, final
-})(window.app || (window.app = {}));
diff --git a/public/docs/_examples/forms-deprecated/js/app/hero.js b/public/docs/_examples/forms-deprecated/js/app/hero.js
deleted file mode 100644
index 9c2449c922..0000000000
--- a/public/docs/_examples/forms-deprecated/js/app/hero.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// #docregion
-(function(app) {
- app.Hero = Hero;
-
- function Hero(id, name, power, alterEgo) {
- this.id = id;
- this.name = name;
- this.power = power;
- this.alterEgo = alterEgo;
- }
-})(window.app || (window.app = {}));
diff --git a/public/docs/_examples/forms-deprecated/js/app/main.js b/public/docs/_examples/forms-deprecated/js/app/main.js
deleted file mode 100644
index 5930bdd061..0000000000
--- a/public/docs/_examples/forms-deprecated/js/app/main.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// #docregion
-(function(app) {
- document.addEventListener('DOMContentLoaded', function() {
- ng.platformBrowserDynamic.bootstrap(app.AppComponent);
- });
-})(window.app || (window.app = {}));
diff --git a/public/docs/_examples/forms-deprecated/js/example-config.json b/public/docs/_examples/forms-deprecated/js/example-config.json
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/public/docs/_examples/forms-deprecated/js/forms.css b/public/docs/_examples/forms-deprecated/js/forms.css
deleted file mode 100644
index d7e11405b1..0000000000
--- a/public/docs/_examples/forms-deprecated/js/forms.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/* #docregion */
-.ng-valid[required] {
- border-left: 5px solid #42A948; /* green */
-}
-
-.ng-invalid {
- border-left: 5px solid #a94442; /* red */
-}
-/* #enddocregion */
\ No newline at end of file
diff --git a/public/docs/_examples/forms-deprecated/js/index.html b/public/docs/_examples/forms-deprecated/js/index.html
deleted file mode 100644
index e15f41e4fe..0000000000
--- a/public/docs/_examples/forms-deprecated/js/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
-
-
-
-
-
-
Hero Form
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Loading...
-
-
-
diff --git a/public/docs/_examples/forms-deprecated/js/plnkr.json b/public/docs/_examples/forms-deprecated/js/plnkr.json
deleted file mode 100644
index 0105283bd3..0000000000
--- a/public/docs/_examples/forms-deprecated/js/plnkr.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "description": "Forms",
- "files":["app/**/*.js", "**/*.html", "**/*.css"]
-}
diff --git a/public/docs/_examples/forms-deprecated/ts/app/app.component.ts b/public/docs/_examples/forms-deprecated/ts/app/app.component.ts
deleted file mode 100644
index 2dcbc8037a..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// #docregion
-import { Component } from '@angular/core';
-import { HeroFormComponent } from './hero-form.component';
-
-@Component({
- selector: 'my-app',
- template: '
',
- directives: [HeroFormComponent]
-})
-export class AppComponent { }
diff --git a/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.html b/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.html
deleted file mode 100644
index 6fcfc2a7cb..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.html
+++ /dev/null
@@ -1,208 +0,0 @@
-
-
-
-
-
-
-
-
-
You submitted the following:
-
-
Name
-
{{ model.name }}
-
-
-
Alter Ego
-
{{ model.alterEgo }}
-
-
-
Power
-
{{ model.power }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- TODO: remove this: {{model.name}}
-
-
-
-
- TODO: remove this: {{model.name}}
-
-
-
-
-
-
diff --git a/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.ts b/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.ts
deleted file mode 100644
index 7ea7c44738..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/app/hero-form.component.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-// #docplaster
-// #docregion
-// #docregion first, final
-import { Component } from '@angular/core';
-import { NgForm } from '@angular/common';
-
-import { Hero } from './hero';
-
-@Component({
- selector: 'hero-form',
- templateUrl: 'app/hero-form.component.html'
-})
-export class HeroFormComponent {
-
- powers = ['Really Smart', 'Super Flexible',
- 'Super Hot', 'Weather Changer'];
-
- model = new Hero(18, 'Dr IQ', this.powers[0], 'Chuck Overstreet');
-
- // #docregion submitted
- submitted = false;
-
- onSubmit() { this.submitted = true; }
- // #enddocregion submitted
-
- // #enddocregion final
- // TODO: Remove this when we're done
- get diagnostic() { return JSON.stringify(this.model); }
- // #enddocregion first
-
- // #docregion final
- // Reset the form with a new hero AND restore 'pristine' class state
- // by toggling 'active' flag which causes the form
- // to be removed/re-added in a tick via NgIf
- // TODO: Workaround until NgForm has a reset method (#6822)
- // #docregion new-hero
- active = true;
-
- // #docregion new-hero-v1
- newHero() {
- this.model = new Hero(42, '', '');
- // #enddocregion new-hero-v1
- this.active = false;
- setTimeout(() => this.active = true, 0);
- // #docregion new-hero-v1
- }
- // #enddocregion new-hero-v1
- // #enddocregion new-hero
- // #enddocregion final
- //////// NOT SHOWN IN DOCS ////////
-
- // Reveal in html:
- // Name via form.controls = {{showFormControls(heroForm)}}
- showFormControls(form: NgForm) {
-
- return form && form.controls['name'] &&
- // #docregion form-controls
- form.controls['name'].value; // Dr. IQ
- // #enddocregion form-controls
- }
-
- /////////////////////////////
-
- // #docregion first, final
-}
-// #enddocregion first, final
diff --git a/public/docs/_examples/forms-deprecated/ts/app/hero.ts b/public/docs/_examples/forms-deprecated/ts/app/hero.ts
deleted file mode 100644
index c128626452..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/app/hero.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// #docregion
-export class Hero {
-
- constructor(
- public id: number,
- public name: string,
- public power: string,
- public alterEgo?: string
- ) { }
-
-}
diff --git a/public/docs/_examples/forms-deprecated/ts/app/main.ts b/public/docs/_examples/forms-deprecated/ts/app/main.ts
deleted file mode 100644
index 5338161d66..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/app/main.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-// #docregion
-import { bootstrap } from '@angular/platform-browser-dynamic';
-
-import { AppComponent } from './app.component';
-
-bootstrap(AppComponent);
diff --git a/public/docs/_examples/forms-deprecated/ts/example-config.json b/public/docs/_examples/forms-deprecated/ts/example-config.json
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/public/docs/_examples/forms-deprecated/ts/forms.css b/public/docs/_examples/forms-deprecated/ts/forms.css
deleted file mode 100644
index d7e11405b1..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/forms.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/* #docregion */
-.ng-valid[required] {
- border-left: 5px solid #42A948; /* green */
-}
-
-.ng-invalid {
- border-left: 5px solid #a94442; /* red */
-}
-/* #enddocregion */
\ No newline at end of file
diff --git a/public/docs/_examples/forms-deprecated/ts/index.html b/public/docs/_examples/forms-deprecated/ts/index.html
deleted file mode 100644
index 4df2d32d46..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
Hero Form
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Loading...
-
-
-
diff --git a/public/docs/_examples/forms-deprecated/ts/plnkr.json b/public/docs/_examples/forms-deprecated/ts/plnkr.json
deleted file mode 100644
index c813933f8e..0000000000
--- a/public/docs/_examples/forms-deprecated/ts/plnkr.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "description": "Forms-Deprecated",
- "files":[
- "!**/*.d.ts",
- "!**/*.js"
- ]
-}
\ No newline at end of file
diff --git a/public/docs/_examples/forms/js/index.html b/public/docs/_examples/forms/js/index.html
index fe525d5549..e67b53ac26 100644
--- a/public/docs/_examples/forms/js/index.html
+++ b/public/docs/_examples/forms/js/index.html
@@ -20,7 +20,7 @@
-
+
diff --git a/public/docs/_examples/homepage-hello-world/ts/index.1.html b/public/docs/_examples/homepage-hello-world/ts/index.1.html
index 849560e3e7..aa342316ab 100644
--- a/public/docs/_examples/homepage-hello-world/ts/index.1.html
+++ b/public/docs/_examples/homepage-hello-world/ts/index.1.html
@@ -11,10 +11,10 @@
-
+
-
+
diff --git a/public/docs/_examples/homepage-tabs/ts/index.1.html b/public/docs/_examples/homepage-tabs/ts/index.1.html
index 650735970f..600739b704 100644
--- a/public/docs/_examples/homepage-tabs/ts/index.1.html
+++ b/public/docs/_examples/homepage-tabs/ts/index.1.html
@@ -12,10 +12,10 @@
-
+
-
+
diff --git a/public/docs/_examples/homepage-todo/ts/index.1.html b/public/docs/_examples/homepage-todo/ts/index.1.html
index c541fe0f30..181cf44ce2 100644
--- a/public/docs/_examples/homepage-todo/ts/index.1.html
+++ b/public/docs/_examples/homepage-todo/ts/index.1.html
@@ -12,10 +12,10 @@
-
+
-
+
diff --git a/public/docs/_examples/karma-test-shim.js b/public/docs/_examples/karma-test-shim.js
deleted file mode 100644
index 5fb73d0301..0000000000
--- a/public/docs/_examples/karma-test-shim.js
+++ /dev/null
@@ -1,50 +0,0 @@
-// /*global jasmine, __karma__, window*/
-Error.stackTraceLimit = Infinity;
-jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000;
-
-__karma__.loaded = function () {
-};
-
-function isJsFile(path) {
- return path.slice(-3) == '.js';
-}
-
-function isSpecFile(path) {
- return /\.spec\.js$/.test(path);
-}
-
-function isBuiltFile(path) {
- var builtPath = '/base/app/';
- return isJsFile(path) && (path.substr(0, builtPath.length) == builtPath);
-}
-
-var allSpecFiles = Object.keys(window.__karma__.files)
- .filter(isSpecFile)
- .filter(isBuiltFile);
-
-System.config({
- baseURL: '/base',
- packageWithIndex: true // sadly, we can't use umd packages (yet?)
-});
-
-System.import('systemjs.config.js')
- .then(() => Promise.all([
- System.import('@angular/core/testing'),
- System.import('@angular/platform-browser-dynamic/testing')
- ]))
- .then((providers) => {
- var coreTesting = providers[0];
- var browserTesting = providers[1];
- coreTesting.TestBed.initTestEnvironment(
- browserTesting.BrowserDynamicTestingModule,
- browserTesting.platformBrowserDynamicTesting());
- })
- .then(function () {
- // Finally, load all spec files.
- // This will run the tests directly.
- return Promise.all(
- allSpecFiles.map(function (moduleName) {
- return System.import(moduleName);
- }));
- })
- .then(__karma__.start, __karma__.error);
diff --git a/public/docs/_examples/package.json b/public/docs/_examples/package.json
index 93215c5d5e..7baee8a5a9 100644
--- a/public/docs/_examples/package.json
+++ b/public/docs/_examples/package.json
@@ -19,33 +19,39 @@
"start:webpack": "webpack-dev-server --inline --progress --port 8080",
"test:webpack": "karma start karma.webpack.conf.js",
"build:webpack": "rimraf dist && webpack --config config/webpack.prod.js --bail",
- "build:cli": "ng build"
+ "build:cli": "ng build",
+ "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
- "@angular/common": "2.0.0-rc.6",
- "@angular/compiler": "2.0.0-rc.6",
- "@angular/compiler-cli": "0.6.0",
- "@angular/core": "2.0.0-rc.6",
- "@angular/forms": "2.0.0-rc.6",
- "@angular/http": "2.0.0-rc.6",
- "@angular/platform-browser": "2.0.0-rc.6",
- "@angular/platform-browser-dynamic": "2.0.0-rc.6",
- "@angular/router": "3.0.0-rc.2",
- "@angular/upgrade": "2.0.0-rc.6",
- "angular2-in-memory-web-api": "0.0.18",
+ "@angular/common": "2.0.0",
+ "@angular/compiler": "2.0.0",
+ "@angular/compiler-cli": "0.6.2",
+ "@angular/core": "2.0.0",
+ "@angular/forms": "2.0.0",
+ "@angular/http": "2.0.0",
+ "@angular/platform-browser": "2.0.0",
+ "@angular/platform-browser-dynamic": "2.0.0",
+ "@angular/platform-server": "2.0.0",
+ "@angular/router": "3.0.0",
+ "@angular/upgrade": "2.0.0",
+ "angular2-in-memory-web-api": "0.0.20",
"bootstrap": "^3.3.6",
"core-js": "^2.4.1",
"reflect-metadata": "^0.1.3",
- "rxjs": "5.0.0-beta.11",
+ "rollup": "^0.34.13",
+ "rollup-plugin-node-resolve": "^2.0.0",
+ "rollup-plugin-uglify": "^1.0.1",
+ "rxjs": "5.0.0-beta.12",
"systemjs": "0.19.27",
- "zone.js": "^0.6.17"
+ "zone.js": "^0.6.23"
},
"devDependencies": {
"angular-cli": "^1.0.0-beta.5",
"angular2-template-loader": "^0.4.0",
+ "awesome-typescript-loader": "^2.2.4",
"canonical-path": "0.0.2",
"concurrently": "^2.2.0",
"css-loader": "^0.23.1",
@@ -60,6 +66,7 @@
"karma-cli": "^1.0.1",
"karma-htmlfile-reporter": "^0.3.4",
"karma-jasmine": "^1.0.2",
+ "karma-jasmine-html-reporter": "^0.2.2",
"karma-phantomjs-launcher": "^1.0.2",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^1.8.0",
@@ -70,11 +77,12 @@
"protractor": "^3.3.0",
"raw-loader": "^0.5.1",
"rimraf": "^2.5.2",
+ "rollup-plugin-commonjs": "^4.1.0",
"style-loader": "^0.13.1",
"ts-loader": "^0.8.2",
- "ts-node": "^0.7.3",
+ "ts-node": "^1.3.0",
"tslint": "^3.15.1",
- "typescript": "^1.8.10",
+ "typescript": "^2.0.2",
"typings": "^1.3.2",
"webpack": "^1.13.0",
"webpack-dev-server": "^1.14.1",
diff --git a/public/docs/_examples/quickstart/js/index.html b/public/docs/_examples/quickstart/js/index.html
index b127bdce13..551e4fb134 100644
--- a/public/docs/_examples/quickstart/js/index.html
+++ b/public/docs/_examples/quickstart/js/index.html
@@ -16,7 +16,7 @@
-
+
diff --git a/public/docs/_examples/quickstart/js/package.1.json b/public/docs/_examples/quickstart/js/package.1.json
index 971b6b5d2b..cca103a52f 100644
--- a/public/docs/_examples/quickstart/js/package.1.json
+++ b/public/docs/_examples/quickstart/js/package.1.json
@@ -7,23 +7,22 @@
},
"license": "ISC",
"dependencies": {
- "@angular/common": "2.0.0-rc.6",
- "@angular/compiler": "2.0.0-rc.6",
- "@angular/core": "2.0.0-rc.6",
- "@angular/forms": "2.0.0-rc.6",
- "@angular/http": "2.0.0-rc.6",
- "@angular/platform-browser": "2.0.0-rc.6",
- "@angular/platform-browser-dynamic": "2.0.0-rc.6",
- "@angular/router": "3.0.0-rc.2",
- "@angular/router-deprecated": "2.0.0-rc.2",
- "@angular/upgrade": "2.0.0-rc.6",
+ "@angular/common": "2.0.0",
+ "@angular/compiler": "2.0.0",
+ "@angular/core": "2.0.0",
+ "@angular/forms": "2.0.0",
+ "@angular/http": "2.0.0",
+ "@angular/platform-browser": "2.0.0",
+ "@angular/platform-browser-dynamic": "2.0.0",
+ "@angular/router": "3.0.0",
+ "@angular/upgrade": "2.0.0",
"core-js": "^2.4.1",
- "reflect-metadata": "0.1.3",
- "rxjs": "5.0.0-beta.11",
- "zone.js": "0.6.17",
+ "reflect-metadata": "^0.1.3",
+ "rxjs": "5.0.0-beta.12",
+ "zone.js": "^0.6.23",
- "angular2-in-memory-web-api": "0.0.18",
+ "angular2-in-memory-web-api": "0.0.20",
"bootstrap": "^3.3.6"
},
"devDependencies": {
diff --git a/public/docs/_examples/quickstart/ts/package.1.json b/public/docs/_examples/quickstart/ts/package.1.json
index 5d9d1f6c24..4fe519331e 100644
--- a/public/docs/_examples/quickstart/ts/package.1.json
+++ b/public/docs/_examples/quickstart/ts/package.1.json
@@ -11,30 +11,29 @@
},
"license": "ISC",
"dependencies": {
- "@angular/common": "2.0.0-rc.6",
- "@angular/compiler": "2.0.0-rc.6",
- "@angular/compiler-cli": "0.6.0",
- "@angular/core": "2.0.0-rc.6",
- "@angular/forms": "2.0.0-rc.6",
- "@angular/http": "2.0.0-rc.6",
- "@angular/platform-browser": "2.0.0-rc.6",
- "@angular/platform-browser-dynamic": "2.0.0-rc.6",
- "@angular/router": "3.0.0-rc.2",
- "@angular/upgrade": "2.0.0-rc.6",
+ "@angular/common": "2.0.0",
+ "@angular/compiler": "2.0.0",
+ "@angular/core": "2.0.0",
+ "@angular/forms": "2.0.0",
+ "@angular/http": "2.0.0",
+ "@angular/platform-browser": "2.0.0",
+ "@angular/platform-browser-dynamic": "2.0.0",
+ "@angular/router": "3.0.0",
+ "@angular/upgrade": "2.0.0",
"core-js": "^2.4.1",
"reflect-metadata": "^0.1.3",
- "rxjs": "5.0.0-beta.11",
+ "rxjs": "5.0.0-beta.12",
"systemjs": "0.19.27",
- "zone.js": "^0.6.17",
+ "zone.js": "^0.6.23",
- "angular2-in-memory-web-api": "0.0.18",
+ "angular2-in-memory-web-api": "0.0.20",
"bootstrap": "^3.3.6"
},
"devDependencies": {
"concurrently": "^2.2.0",
"lite-server": "^2.2.2",
- "typescript": "^1.8.10",
+ "typescript": "^2.0.2",
"typings":"^1.3.2"
}
}
diff --git a/public/docs/_examples/quickstart/ts/typings.1.json b/public/docs/_examples/quickstart/ts/typings.1.json
index 72db971273..7da31ca0af 100644
--- a/public/docs/_examples/quickstart/ts/typings.1.json
+++ b/public/docs/_examples/quickstart/ts/typings.1.json
@@ -2,6 +2,6 @@
"globalDependencies": {
"core-js": "registry:dt/core-js#0.0.0+20160725163759",
"jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
- "node": "registry:dt/node#6.0.0+20160831021119"
+ "node": "registry:dt/node#6.0.0+20160909174046"
}
}
diff --git a/public/docs/_examples/router-deprecated/e2e-spec.ts.disabled b/public/docs/_examples/router-deprecated/e2e-spec.ts.disabled
deleted file mode 100644
index 3892285845..0000000000
--- a/public/docs/_examples/router-deprecated/e2e-spec.ts.disabled
+++ /dev/null
@@ -1,127 +0,0 @@
-///
-'use strict';
-describe('Router', function () {
-
- beforeAll(function () {
- browser.get('');
- });
-
- function getPageStruct() {
- let hrefEles = element.all(by.css('my-app a'));
-
- return {
- hrefs: hrefEles,
- routerParent: element(by.css('my-app > undefined')),
- routerTitle: element(by.css('my-app > undefined > h2')),
-
- crisisHref: hrefEles.get(0),
- crisisList: element.all(by.css('my-app > undefined > undefined li')),
- crisisDetail: element(by.css('my-app > undefined > undefined > div')),
- crisisDetailTitle: element(by.css('my-app > undefined > undefined > div > h3')),
-
- heroesHref: hrefEles.get(1),
- heroesList: element.all(by.css('my-app > undefined li')),
- heroDetail: element(by.css('my-app > undefined > div')),
- heroDetailTitle: element(by.css('my-app > undefined > div > h3')),
-
- };
- }
-
- it('should be able to see the start screen', function () {
- let page = getPageStruct();
- expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
- expect(page.crisisHref.getText()).toEqual('Crisis Center');
- expect(page.heroesHref.getText()).toEqual('Heroes');
- });
-
- it('should be able to see crises center items', function () {
- let page = getPageStruct();
- expect(page.crisisList.count()).toBe(4, 'should be 4 crisis center entries at start');
- });
-
- it('should be able to see hero items', function () {
- let page = getPageStruct();
- page.heroesHref.click().then(function() {
- expect(page.routerTitle.getText()).toContain('HEROES');
- expect(page.heroesList.count()).toBe(6, 'should be 6 heroes');
- });
- });
-
- it('should be able to toggle the views', function () {
- let page = getPageStruct();
- page.crisisHref.click().then(function() {
- expect(page.crisisList.count()).toBe(4, 'should be 4 crisis center entries');
- return page.heroesHref.click();
- }).then(function() {
- expect(page.heroesList.count()).toBe(6, 'should be 6 heroes');
- });
- });
-
- it('should be able to edit and save details from the crisis center view', function () {
- crisisCenterEdit(2, true);
- });
-
- it('should be able to edit and cancel details from the crisis center view', function () {
- crisisCenterEdit(3, false);
- });
-
- it('should be able to edit and save details from the heroes view', function () {
- let page = getPageStruct();
- let heroEle: protractor.ElementFinder;
- let heroText: string;
- page.heroesHref.click().then(function() {
- heroEle = page.heroesList.get(4);
- return heroEle.getText();
- }).then(function(text) {
- expect(text.length).toBeGreaterThan(0, 'should have some text');
- // remove leading id from text
- heroText = text.substr(text.indexOf(' ')).trim();
- return heroEle.click();
- }).then(function() {
- expect(page.heroesList.count()).toBe(0, 'should no longer see crisis center entries');
- expect(page.heroDetail.isPresent()).toBe(true, 'should be able to see crisis detail');
- expect(page.heroDetailTitle.getText()).toContain(heroText);
- let inputEle = page.heroDetail.element(by.css('input'));
- return sendKeys(inputEle, '-foo');
- }).then(function() {
- expect(page.heroDetailTitle.getText()).toContain(heroText + '-foo');
- let buttonEle = page.heroDetail.element(by.css('button'));
- return buttonEle.click();
- }).then(function() {
- expect(heroEle.getText()).toContain(heroText + '-foo');
- });
- });
-
- function crisisCenterEdit(index: number, shouldSave: boolean) {
- let page = getPageStruct();
- let crisisEle: protractor.ElementFinder;
- let crisisText: string;
- page.crisisHref.click()
- .then(function () {
- crisisEle = page.crisisList.get(index);
- return crisisEle.getText();
- }).then(function (text) {
- expect(text.length).toBeGreaterThan(0, 'should have some text');
- // remove leading id from text
- crisisText = text.substr(text.indexOf(' ')).trim();
- return crisisEle.click();
- }).then(function () {
- expect(page.crisisList.count()).toBe(0, 'should no longer see crisis center entries');
- expect(page.crisisDetail.isPresent()).toBe(true, 'should be able to see crisis detail');
- expect(page.crisisDetailTitle.getText()).toContain(crisisText);
- let inputEle = page.crisisDetail.element(by.css('input'));
- return sendKeys(inputEle, '-foo');
- }).then(function () {
- expect(page.crisisDetailTitle.getText()).toContain(crisisText + '-foo');
- let buttonEle = page.crisisDetail.element(by.cssContainingText('button', shouldSave ? 'Save' : 'Cancel'));
- return buttonEle.click();
- }).then(function () {
- if (shouldSave) {
- expect(crisisEle.getText()).toContain(crisisText + '-foo');
- } else {
- expect(crisisEle.getText()).not.toContain(crisisText + '-foo');
- }
- });
- }
-
-});
diff --git a/public/docs/_examples/router-deprecated/ts/app/app.component.1.ts b/public/docs/_examples/router-deprecated/ts/app/app.component.1.ts
deleted file mode 100644
index 0e20623fd3..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/app.component.1.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/* First version */
-// #docplaster
-
-// #docregion
-import { Component } from '@angular/core';
-// #docregion import-router
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-// #enddocregion import-router
-
-import { CrisisListComponent } from './crisis-list.component';
-import { HeroListComponent } from './hero-list.component';
-
-@Component({
- selector: 'my-app',
-// #docregion template
- template: `
-
Component Router (Deprecated)
-
-
- `,
-// #enddocregion template
- directives: [ROUTER_DIRECTIVES]
-})
-// #enddocregion
-/*
-// #docregion route-config
-@Component({ ... })
-// #enddocregion route-config
-*/
-// #docregion
-// #docregion route-config
-@RouteConfig([
-// #docregion route-defs
- {path: '/crisis-center', name: 'CrisisCenter', component: CrisisListComponent},
- {path: '/heroes', name: 'Heroes', component: HeroListComponent}
-// #enddocregion route-defs
-])
-export class AppComponent { }
-// #enddocregion route-config
-// #enddocregion
diff --git a/public/docs/_examples/router-deprecated/ts/app/app.component.2.ts b/public/docs/_examples/router-deprecated/ts/app/app.component.2.ts
deleted file mode 100644
index e4685ff418..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/app.component.2.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/* Second Heroes version */
-// #docplaster
-
-// #docregion
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { CrisisListComponent } from './crisis-list.component';
-// #enddocregion
-/*
-// Apparent Milestone 2 imports
-// #docregion
-// #docregion hero-import
-import { HeroListComponent } from './heroes/hero-list.component';
-import { HeroDetailComponent } from './heroes/hero-detail.component';
-import { HeroService } from './heroes/hero.service';
-// #enddocregion hero-import
-// #enddocregion
-*/
-// Actual Milestone 2 imports
-import { HeroListComponent } from './heroes/hero-list.component.1';
-import { HeroDetailComponent } from './heroes/hero-detail.component.1';
-import { HeroService } from './heroes/hero.service';
-// #docregion
-
-@Component({
- selector: 'my-app',
- template: `
-
Component Router (Deprecated)
-
-
- `,
- providers: [HeroService],
- directives: [ROUTER_DIRECTIVES]
-})
-// #enddocregion
-/*
-// #docregion route-config
-@Component({ ... })
-// #enddocregion route-config
-*/
-// #docregion
-// #docregion route-config
-@RouteConfig([
-// #docregion route-defs
- {path: '/crisis-center', name: 'CrisisCenter', component: CrisisListComponent},
- {path: '/heroes', name: 'Heroes', component: HeroListComponent},
- // #docregion hero-detail-route
- {path: '/hero/:id', name: 'HeroDetail', component: HeroDetailComponent}
- // #enddocregion hero-detail-route
-// #enddocregion route-defs
-])
-export class AppComponent { }
-// #enddocregion route-config
-// #enddocregion
diff --git a/public/docs/_examples/router-deprecated/ts/app/app.component.3.ts b/public/docs/_examples/router-deprecated/ts/app/app.component.3.ts
deleted file mode 100644
index 68635e8aad..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/app.component.3.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-// #docplaster
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { CrisisCenterComponent } from './crisis-center/crisis-center.component.1';
-import { DialogService } from './dialog.service';
-import { HeroService } from './heroes/hero.service';
-
-@Component({
- selector: 'my-app',
-// #enddocregion
- /* Typical link
- // #docregion h-anchor
-
Heroes
- // #enddocregion h-anchor
- */
- /* Incomplete Crisis Center link when CC lacks a default
- // #docregion cc-anchor-fail
- // The link now fails with a "non-terminal link" error
- // #docregion cc-anchor-w-default
-
Crisis Center
- // #enddocregion cc-anchor-w-default
- // #enddocregion cc-anchor-fail
- */
- /* Crisis Center link when CC lacks a default
- // #docregion cc-anchor-no-default
-
Crisis Center
- // #enddocregion cc-anchor-no-default
- */
- /* Crisis Center Detail link
- // #docregion Dragon-anchor
-
Dragon Crisis
- // #enddocregion Dragon-anchor
- */
-// #docregion template
- template: `
-
Component Router (Deprecated)
-
-
- `,
-// #enddocregion template
- providers: [DialogService, HeroService],
- directives: [ROUTER_DIRECTIVES]
-})
-@RouteConfig([
- {path: '/crisis-center/...', name: 'CrisisCenter', component: CrisisCenterComponent},
-])
-export class AppComponent { }
diff --git a/public/docs/_examples/router-deprecated/ts/app/app.component.ts b/public/docs/_examples/router-deprecated/ts/app/app.component.ts
deleted file mode 100644
index a6f784cda9..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/app.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-// #docplaster
-// #docregion
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { CrisisCenterComponent } from './crisis-center/crisis-center.component';
-import { HeroListComponent } from './heroes/hero-list.component';
-import { HeroDetailComponent } from './heroes/hero-detail.component';
-
-import { DialogService } from './dialog.service';
-import { HeroService } from './heroes/hero.service';
-
-@Component({
- selector: 'my-app',
-// #docregion template
- template: `
-
Component Router (Deprecated)
-
-
- `,
-// #enddocregion template
- providers: [DialogService, HeroService],
- directives: [ROUTER_DIRECTIVES]
-})
-// #docregion route-config
-@RouteConfig([
-
- // #docregion route-config-cc
- { // Crisis Center child route
- path: '/crisis-center/...',
- name: 'CrisisCenter',
- component: CrisisCenterComponent,
- useAsDefault: true
- },
- // #enddocregion route-config-cc
-
- {path: '/heroes', name: 'Heroes', component: HeroListComponent},
- {path: '/hero/:id', name: 'HeroDetail', component: HeroDetailComponent},
-])
-// #enddocregion route-config
-export class AppComponent { }
diff --git a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.1.ts b/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.1.ts
deleted file mode 100644
index 6925fb8008..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.1.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-import { RouteConfig, RouterOutlet } from '@angular/router-deprecated';
-
-import { CrisisListComponent } from './crisis-list.component.1';
-import { CrisisDetailComponent } from './crisis-detail.component.1';
-import { CrisisService } from './crisis.service';
-
-// #docregion minus-imports
-@Component({
- template: `
-
CRISIS CENTER
-
- `,
- directives: [RouterOutlet],
-// #docregion providers
- providers: [CrisisService]
-// #enddocregion providers
-})
-// #docregion route-config
-@RouteConfig([
- // #docregion default-route
- {path: '/', name: 'CrisisList', component: CrisisListComponent, useAsDefault: true},
- // #enddocregion default-route
- {path: '/:id', name: 'CrisisDetail', component: CrisisDetailComponent}
-])
-// #enddocregion route-config
-export class CrisisCenterComponent { }
-// #enddocregion minus-imports
diff --git a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.ts b/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.ts
deleted file mode 100644
index 3c735ae6ae..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-center.component.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// #docregion
-import { Component } from '@angular/core';
-import { RouteConfig, RouterOutlet } from '@angular/router-deprecated';
-
-import { CrisisListComponent } from './crisis-list.component';
-import { CrisisDetailComponent } from './crisis-detail.component';
-import { CrisisService } from './crisis.service';
-
-@Component({
- template: `
-
CRISIS CENTER
-
- `,
- directives: [RouterOutlet],
- providers: [CrisisService]
-})
-@RouteConfig([
- {path: '/', name: 'CrisisList', component: CrisisListComponent, useAsDefault: true},
- {path: '/:id', name: 'CrisisDetail', component: CrisisDetailComponent}
-])
-export class CrisisCenterComponent { }
-// #enddocregion
diff --git a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-detail.component.1.ts b/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-detail.component.1.ts
deleted file mode 100644
index 0c683853c9..0000000000
--- a/public/docs/_examples/router-deprecated/ts/app/crisis-center/crisis-detail.component.1.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-// #docplaster
-
-// #docregion
-import { Component, OnInit } from '@angular/core';
-import { RouteParams, Router } from '@angular/router-deprecated';
-// #docregion routerCanDeactivate
-import { CanDeactivate, ComponentInstruction } from '@angular/router-deprecated';
-
-import { DialogService } from '../dialog.service';
-
-// #enddocregion routerCanDeactivate
-import { Crisis, CrisisService } from './crisis.service';
-
-@Component({
- // #docregion template
- template: `
-
-
"{{editName}}"
-
- {{crisis.id}}
-
-
-
-
-
-
-
-
-
- `,
- // #enddocregion template
- styles: ['input {width: 20em}']
-})
-// #docregion routerCanDeactivate, cancel-save
-export class CrisisDetailComponent implements OnInit, CanDeactivate {
-
- crisis: Crisis;
- editName: string;
-
-// #enddocregion routerCanDeactivate, cancel-save
- constructor(
- private service: CrisisService,
- private router: Router,
- private routeParams: RouteParams,
- private dialog: DialogService
- ) { }
-
- // #docregion ngOnInit
- ngOnInit() {
- let id = +this.routeParams.get('id');
- this.service.getCrisis(id).then(crisis => {
- if (crisis) {
- this.editName = crisis.name;
- this.crisis = crisis;
- } else { // id not found
- this.gotoCrises();
- }
- });
- }
- // #enddocregion ngOnInit
-
- // #docregion routerCanDeactivate
- routerCanDeactivate(next: ComponentInstruction, prev: ComponentInstruction): any {
- // Allow synchronous navigation (`true`) if no crisis or the crisis is unchanged.
- if (!this.crisis || this.crisis.name === this.editName) {
- return true;
- }
- // Otherwise ask the user with the dialog service and return its
- // promise which resolves to true or false when the user decides
- return this.dialog.confirm('Discard changes?');
- }
- // #enddocregion routerCanDeactivate
-
- // #docregion cancel-save
- cancel() {
- this.editName = this.crisis.name;
- this.gotoCrises();
- }
-
- save() {
- this.crisis.name = this.editName;
- this.gotoCrises();
- }
- // #enddocregion cancel-save
-
- // #docregion gotoCrises
- gotoCrises() {
- // Like
Crisis Center
-
"{{editName}}"
-
- {{crisis.id}}
-
-
-
-
-
-
-
-
-