@@ -2659,26 +2659,25 @@ a#final-app
26592659:marked
26602660 Parse it out.
26612661
2662- * The first item in the array identifies the parent route (' /crisis-center' ).
2662+ * The first item in the array identifies the parent route (` /crisis-center` ).
26632663 * There are no parameters for this parent route so you're done with it.
26642664 * There is no default for the child route so you need to pick one.
2665- * You're navigating to the `CrisisListComponent`, whose route path is '/' , but you don't need to explicitly add the slash
2665+ * You're navigating to the `CrisisListComponent`, whose route path is `/` , but you don't need to explicitly add the slash
26662666 * Voila! `['/crisis-center']`.
26672667
2668- Take it a step further.
2669- This time you'll build a link parameters array that navigates from the root of the application
2670- down to the "Dragon Crisis".
2671-
2672- * The first item in the array identifies the parent route ('/crisis-center').
2673- * There are no parameters for this parent route so you're done with it.
2674- * The second item identifies the child route for details about a particular crisis ('/:id').
2675- * The details child route requires an `id` route parameter
2676- * You added the `id` of the *Dragon Crisis* as the second item in the array (`1`)
2677-
2678- It looks like this!
2668+ Take it a step further. Consider the following router link that
2669+ navigates from the root of the application down to the *Dragon Crisis*:
26792670
26802671+ makeExcerpt('app/app.component.3.ts' , 'Dragon-anchor' , '' )
26812672
2673+ :marked
2674+ * The first item in the array identifies the parent route (`/crisis-center`).
2675+ * There are no parameters for this parent route so you're done with it.
2676+ * The second item identifies the child route details about a particular crisis (`/:id`).
2677+ * The details child route requires an `id` route parameter.
2678+ * You added the `id` of the *Dragon Crisis* as the second item in the array (`1`).
2679+ * The resulting path is `/crisis-center/1`.
2680+
26822681:marked
26832682 If you wanted to, you could redefine the `AppComponent` template with *Crisis Center* routes exclusively:
26842683
@@ -2707,7 +2706,7 @@ a#browser-url-styles
27072706
27082707 Here's the *Crisis Center* URL in this "HTML 5 pushState" style:
27092708
2710- code-example( format ="." , language = "bash ") .
2709+ code-example( format ="nocode " ) .
27112710 localhost:3002/crisis-center/
27122711
27132712:marked
@@ -2716,7 +2715,7 @@ code-example(format=".", language="bash").
27162715 Routers can take advantage of this exception by composing in-application route
27172716 URLs with hashes. Here's a "hash URL" that routes to the *Crisis Center*
27182717
2719- code-example( format ="." , language = "bash ") .
2718+ code-example( format ="nocode " ) .
27202719 localhost:3002/src/#/crisis-center/
27212720
27222721:marked
@@ -2780,13 +2779,10 @@ code-example(format=".", language="bash").
27802779
27812780 Those developers may still use HTML 5 URLs by taking two remedial steps:
27822781
2783- 1. Provide the router with an appropriate ` APP_BASE_HREF` value.
2782+ 1. Provide the router with an appropriate [ APP_BASE_HREF][] value.
27842783 1. Use _root URLs_ for all web resources: css, images, scripts, and template html files.
27852784
2786- .l-sub-section
2787- :marked
2788- Learn about the [APP_BASE_HREF](../api/common/index/APP_BASE_HREF-let.html)
2789- in the API Guide.
2785+ [APP_BASE_HREF]: ../api/common/index/APP_BASE_HREF-let.html
27902786
27912787:marked
27922788 ### *HashLocationStrategy*
0 commit comments