@@ -608,7 +608,7 @@ block extract-id
608608 When a user selects a hero in the dashboard, the app should navigate to the `HeroDetailComponent` to view and edit the selected hero.
609609
610610 Although the dashboard heroes are presented as button-like blocks, they should behave like anchor tags.
611- When hovering over a hero block, the target URL should display in the browser status bar
611+ When hovering over a hero block, the target URL should display in the browser status bar
612612 and the user should be able to copy the link or open the hero detail view in a new tab.
613613
614614 To achieve this effect, reopen the <span ngio-ex>dashboard.component.html</span> and replace the repeated `<div *ngFor...>` tags
@@ -643,19 +643,19 @@ block extract-id
643643 :marked
644644 ## Refactor routes to a _Routing Module_
645645
646- Almost 20 lines of `AppModule` are devoted to configuring four routes.
647- Most applications have many more routes and they [add guard services](../guide/router.html#guards)
648- to protect against unwanted or unauthorized navigations.
649- Routing considerations could quickly dominate this module and obscure its primary purpose which is to
646+ Almost 20 lines of `AppModule` are devoted to configuring four routes.
647+ Most applications have many more routes and they [add guard services](../guide/router.html#guards)
648+ to protect against unwanted or unauthorized navigations.
649+ Routing considerations could quickly dominate this module and obscure its primary purpose which is to
650650 establish key facts about the entire app for the Angular compiler.
651651
652652 We should refactor the routing configuration into its own class.
653- What kind of class?
653+ What kind of class?
654654 The current `RouterModule.forRoot()` produces an Angular `ModuleWithProviders` which suggests that a
655655 class dedicated to routing should be some kind of module.
656656 It should be a [_Routing Module_](../guide/router.html#routing-module).
657657
658- By convention the name of a _Routing Module_ contains the word "Routing" and
658+ By convention the name of a _Routing Module_ contains the word "Routing" and
659659 aligns with the name of the module that declares the components navigated to.
660660
661661 Create an `app-routing.module.ts` file as a sibling to `app.module.ts`. Give it the following contents extracted from the `AppModule` class:
@@ -667,7 +667,7 @@ block extract-id
667667
668668 * Adds `RouterModule.forRoot(routes)` to `imports`.
669669
670- * Adds `RouterModule` to `exports` so that the components in the companion module have access to Router declarables
670+ * Adds `RouterModule` to `exports` so that the components in the companion module have access to Router declarables
671671 such as `RouterLink` and `RouterOutlet`.
672672
673673 * No `declarations`! Declarations are the responsibility of the companion module.
@@ -676,7 +676,7 @@ block extract-id
676676
677677 ### Update _AppModule_
678678
679- Now delete the routing configuration from `AppModule` and import the `AppRoutingModule`
679+ Now delete the routing configuration from `AppModule` and import the `AppRoutingModule`
680680 (_both_ with an ES `import` statement _and_ by adding it to the `NgModule.imports` list).
681681
682682 Here is the revised `AppModule`, compared to its pre-refactor state:
@@ -770,7 +770,7 @@ block heroes-component-cleanup
770770:marked
771771 ### Update the _HeroesComponent_ class.
772772
773- The `HeroesComponent` navigates to the `HeroDetailComponent` in response to a button click.
773+ The `HeroesComponent` navigates to the `HeroDetailComponent` in response to a button click.
774774 The button's _click_ event is bound to a `gotoDetail` method that navigates _imperatively_
775775 by telling the router where to go.
776776
@@ -863,9 +863,8 @@ block css-files
863863
864864 + makeExcerpt('src/app/app.component.ts (active router links)' , 'template' )
865865
866- block style-urls
867- :marked
868- Add a `styleUrls` property that points to this CSS file as follows.
866+ :marked
867+ Add a `styleUrls` property that refers to this CSS file as follows:
869868
870869+ makeExcerpt('src/app/app.component.ts' ,'styleUrls' )
871870
@@ -935,7 +934,7 @@ block file-tree-end
935934 .file index.html
936935 .file styles.css
937936 .file systemjs.config.js
938- .file tsconfig.json
937+ .file tsconfig.json
939938 .file node_modules ...
940939 .file package.json
941940
0 commit comments