Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit b793d1d

Browse files
chalinfilipesilva
authored andcommitted
docs(router): copyedits and moved code excerpt earlier (#3133)
- Copyedits - Link directly to APP_BASE_HREF API entry, no need for a callout. - Put dragon-anchor routerLink example *before* the detailed bulleted list that analyzes it.
1 parent 0ecac4e commit b793d1d

File tree

1 file changed

+16
-20
lines changed

1 file changed

+16
-20
lines changed

public/docs/ts/latest/guide/router.jade

Lines changed: 16 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)