diff --git a/public/docs/_examples/toh-5/dart/lib/heroes_component.dart b/public/docs/_examples/toh-5/dart/lib/heroes_component.dart index 2e0eddd076..e11d2f62f4 100644 --- a/public/docs/_examples/toh-5/dart/lib/heroes_component.dart +++ b/public/docs/_examples/toh-5/dart/lib/heroes_component.dart @@ -26,7 +26,11 @@ class HeroesComponent implements OnInit { Hero selectedHero; // #docregion renaming - HeroesComponent(this._heroService, this._router); + HeroesComponent(this._heroService, + // #enddocregion renaming + this._router + // #docregion renaming + ); // #enddocregion renaming Future getHeroes() async { diff --git a/public/docs/dart/latest/tutorial/toh-pt1.jade b/public/docs/dart/latest/tutorial/toh-pt1.jade index e04a4f1bef..6c2bc21d4f 100644 --- a/public/docs/dart/latest/tutorial/toh-pt1.jade +++ b/public/docs/dart/latest/tutorial/toh-pt1.jade @@ -38,7 +38,7 @@ include ../_util-fns ## Keep the app compiling and running We want to start the Dart compiler, have it watch for changes, and start our server. We'll do this by typing -code-example(language="bash"). +code-example(language="sh" class="code-shell"). pub serve :marked diff --git a/public/docs/dart/latest/tutorial/toh-pt2.jade b/public/docs/dart/latest/tutorial/toh-pt2.jade index 8966b05dc1..3d8c21e5c8 100644 --- a/public/docs/dart/latest/tutorial/toh-pt2.jade +++ b/public/docs/dart/latest/tutorial/toh-pt2.jade @@ -34,7 +34,7 @@ include ../_util-fns ### Keep the app compiling and running We want to start the Dart compiler, have it watch for changes, and start our server. We'll do this by typing -code-example(language="bash"). +code-example(language="sh" class="code-shell"). pub serve :marked @@ -157,7 +157,7 @@ code-example(language="bash"). :marked Focus on the event binding - code-example(format="." language="bash"). + code-example. (click)="onSelect(hero)" :marked The parentheses identify the `
  • ` element’s `click` event as the target. @@ -204,7 +204,7 @@ code-example(language="bash"). The `selectedHero` is `undefined`. That’s why we'll see the following error in the browser’s console: - code-example(language="html"). + code-example(format="nocode"). EXCEPTION: TypeError: Cannot read property 'name' of undefined in [null] :marked diff --git a/public/docs/dart/latest/tutorial/toh-pt3.jade b/public/docs/dart/latest/tutorial/toh-pt3.jade index b338a0f43b..0c629c439f 100644 --- a/public/docs/dart/latest/tutorial/toh-pt3.jade +++ b/public/docs/dart/latest/tutorial/toh-pt3.jade @@ -27,7 +27,7 @@ include ../_util-fns ### Keep the app compiling and running We want to start the Dart compiler, have it watch for changes, and start our server. We'll do this by typing -code-example(language="bash"). +code-example(language="sh" class="code-shell"). pub serve :marked @@ -122,7 +122,7 @@ code-example(language="bash"). We will soon update the `AppComponent` template so that it binds its `selectedHero` property to the `hero` property of our `HeroDetailComponent`. The binding *might* look like this: -code-example(format="."). +code-example(language="html"). <my-hero-detail [hero]="selectedHero"></my-hero-detail> :marked Notice that the `hero` property is the ***target*** of a property binding — it's in square brackets to the left of the (=). @@ -156,7 +156,7 @@ code-example(format="."). :marked Find the location in the template where we removed the *Hero Detail* content and add an element tag that represents the `HeroDetailComponent`. -code-example(format="."). +code-example(language="html"). <my-hero-detail></my-hero-detail> .l-sub-section :marked @@ -164,7 +164,7 @@ code-example(format="."). :marked The two components won't coordinate until we bind the `selectedHero` property of the `AppComponent` to the `HeroDetailComponent` element's `hero` property like this: -code-example(format="."). +code-example(language="html"). <my-hero-detail [hero]="selectedHero"></my-hero-detail> :marked The `AppComponent`’s template should now look like this diff --git a/public/docs/dart/latest/tutorial/toh-pt4.jade b/public/docs/dart/latest/tutorial/toh-pt4.jade index 0d8546574c..e585db6dd2 100644 --- a/public/docs/dart/latest/tutorial/toh-pt4.jade +++ b/public/docs/dart/latest/tutorial/toh-pt4.jade @@ -41,7 +41,7 @@ include ../_util-fns Open a terminal/console window. Start the Dart compiler, watch for changes, and start our server by entering the command: -code-example(language="bash"). +code-example(language="sh" class="code-shell"). pub serve :marked diff --git a/public/docs/dart/latest/tutorial/toh-pt5.jade b/public/docs/dart/latest/tutorial/toh-pt5.jade index f9425e846d..74e1539105 100644 --- a/public/docs/dart/latest/tutorial/toh-pt5.jade +++ b/public/docs/dart/latest/tutorial/toh-pt5.jade @@ -32,7 +32,7 @@ block keep-app-running Open a terminal/console window. Start the Dart compiler, watch for changes, and start our server by entering the command: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). pub serve block app-comp-v1 diff --git a/public/docs/dart/latest/tutorial/toh-pt6.jade b/public/docs/dart/latest/tutorial/toh-pt6.jade index f35e72652d..a8375f11f7 100644 --- a/public/docs/dart/latest/tutorial/toh-pt6.jade +++ b/public/docs/dart/latest/tutorial/toh-pt6.jade @@ -16,7 +16,7 @@ block start-server-and-watch Open a terminal/console window. Start the Dart compiler, watch for changes, and start our server by entering the command: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). pub serve block http-library diff --git a/public/docs/ts/_cache/tutorial/toh-pt5.jade b/public/docs/ts/_cache/tutorial/toh-pt5.jade index c67f3c12b6..8615c381ef 100644 --- a/public/docs/ts/_cache/tutorial/toh-pt5.jade +++ b/public/docs/ts/_cache/tutorial/toh-pt5.jade @@ -69,7 +69,7 @@ block keep-app-running Open a terminal/console window and enter the following command to start the TypeScript compiler, start the server, and watch for changes: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). npm start :marked @@ -438,7 +438,7 @@ code-example(language="html"). We *can* add the hero's `id` to the URL. When routing to the hero whose `id` is 11, we could expect to see an URL such as this: -code-example(format=''). +code-example(format="nocode"). /detail/11 :marked diff --git a/public/docs/ts/_cache/tutorial/toh-pt6.jade b/public/docs/ts/_cache/tutorial/toh-pt6.jade index 784fc08db6..078f494a1b 100644 --- a/public/docs/ts/_cache/tutorial/toh-pt6.jade +++ b/public/docs/ts/_cache/tutorial/toh-pt6.jade @@ -34,7 +34,7 @@ block start-server-and-watch Open a terminal/console window and enter the following command to start the TypeScript compiler, start the server, and watch for changes: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). npm start :marked diff --git a/public/docs/ts/latest/tutorial/toh-pt2.jade b/public/docs/ts/latest/tutorial/toh-pt2.jade index 82941ed69b..751286c331 100644 --- a/public/docs/ts/latest/tutorial/toh-pt2.jade +++ b/public/docs/ts/latest/tutorial/toh-pt2.jade @@ -36,7 +36,7 @@ include ../_util-fns ### Keep the app transpiling and running We want to start the TypeScript compiler, have it watch for changes, and start our server. We'll do this by typing -code-example(language="bash"). +code-example(language="sh" class="code-shell"). npm start :marked @@ -161,7 +161,7 @@ code-example(language="bash"). :marked Focus on the event binding - code-example(format="." language="bash"). + code-example. (click)="onSelect(hero)" :marked The parenthesis identify the `
  • ` element’s `click` event as the target. @@ -209,7 +209,7 @@ code-example(language="bash"). The `selectedHero` is `undefined`. That’s why we'll see the following error in the browser’s console: - code-example(language="html"). + code-example(format="nocode"). EXCEPTION: TypeError: Cannot read property 'name' of undefined in [null] :marked diff --git a/public/docs/ts/latest/tutorial/toh-pt3.jade b/public/docs/ts/latest/tutorial/toh-pt3.jade index 1994bb9ed0..808b81e611 100644 --- a/public/docs/ts/latest/tutorial/toh-pt3.jade +++ b/public/docs/ts/latest/tutorial/toh-pt3.jade @@ -29,7 +29,7 @@ include ../_util-fns ### Keep the app transpiling and running We want to start the TypeScript compiler, have it watch for changes, and start our server. We'll do this by typing -code-example(language="bash"). +code-example(language="sh" class="code-shell"). npm start :marked @@ -124,7 +124,7 @@ code-example(language="bash"). We will soon update the `AppComponent` template so that it binds its `selectedHero` property to the `hero` property of our `HeroDetailComponent`. The binding *might* look like this: -code-example(format="."). +code-example(language="html"). <my-hero-detail [hero]="selectedHero"></my-hero-detail> :marked Notice that the `hero` property is the ***target*** of a property binding — it's in square brackets to the left of the (=). @@ -169,7 +169,7 @@ code-example(format="."). Now that the application knows about our `HeroDetailComponent`, find the location in the `AppComponent` template where we removed the *Hero Detail* content and add an element tag that represents the `HeroDetailComponent`. -code-example(format="."). +code-example(language="html"). <my-hero-detail></my-hero-detail> .l-sub-section :marked @@ -177,7 +177,7 @@ code-example(format="."). :marked The two components won't coordinate until we bind the `selectedHero` property of the `AppComponent` to the `HeroDetailComponent` element's `hero` property like this: -code-example(format=".") +code-example(language="html"). <my-hero-detail [hero]="selectedHero"></my-hero-detail> :marked The `AppComponent`’s template should now look like this diff --git a/public/docs/ts/latest/tutorial/toh-pt4.jade b/public/docs/ts/latest/tutorial/toh-pt4.jade index 370da58373..0914e0a369 100644 --- a/public/docs/ts/latest/tutorial/toh-pt4.jade +++ b/public/docs/ts/latest/tutorial/toh-pt4.jade @@ -44,7 +44,7 @@ include ../_util-fns Open a terminal/console window. Start the TypeScript compiler, watch for changes, and start our server by entering the command: -code-example(language="bash"). +code-example(language="sh" class="code-shell"). npm start :marked diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade index c67f3c12b6..8615c381ef 100644 --- a/public/docs/ts/latest/tutorial/toh-pt5.jade +++ b/public/docs/ts/latest/tutorial/toh-pt5.jade @@ -69,7 +69,7 @@ block keep-app-running Open a terminal/console window and enter the following command to start the TypeScript compiler, start the server, and watch for changes: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). npm start :marked @@ -438,7 +438,7 @@ code-example(language="html"). We *can* add the hero's `id` to the URL. When routing to the hero whose `id` is 11, we could expect to see an URL such as this: -code-example(format=''). +code-example(format="nocode"). /detail/11 :marked diff --git a/public/docs/ts/latest/tutorial/toh-pt6.jade b/public/docs/ts/latest/tutorial/toh-pt6.jade index 6fcb0a143a..74fb1b2f9e 100644 --- a/public/docs/ts/latest/tutorial/toh-pt6.jade +++ b/public/docs/ts/latest/tutorial/toh-pt6.jade @@ -34,7 +34,7 @@ block start-server-and-watch Open a terminal/console window and enter the following command to start the TypeScript compiler, start the server, and watch for changes: - code-example(language="bash"). + code-example(language="sh" class="code-shell"). npm start :marked