parent
13aa6b1498
commit
2e3f3e7fb1
|
@ -28,7 +28,7 @@ import { HeroService } from './heroes/hero.service';
|
||||||
*/
|
*/
|
||||||
/* Crisis Center Detail link
|
/* Crisis Center Detail link
|
||||||
// #docregion Dragon-anchor
|
// #docregion Dragon-anchor
|
||||||
<a [routerLink]="['/crisis-center/1']">Dragon Crisis</a>
|
<a [routerLink]="['/crisis-center', 1]">Dragon Crisis</a>
|
||||||
// #enddocregion Dragon-anchor
|
// #enddocregion Dragon-anchor
|
||||||
*/
|
*/
|
||||||
/* Crisis Center link with optional query params
|
/* Crisis Center link with optional query params
|
||||||
|
|
|
@ -13,7 +13,7 @@ import { HeroService } from './heroes/hero.service';
|
||||||
<h1 class="title">Component Router</h1>
|
<h1 class="title">Component Router</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<a routerLink="/crisis-center" routerLinkActive="active"
|
<a routerLink="/crisis-center" routerLinkActive="active"
|
||||||
routerLinkActiveOptions="{ exact: true }">Crisis Center</a>
|
[routerLinkActiveOptions]="{ exact: true }">Crisis Center</a>
|
||||||
<a routerLink="/heroes" routerLinkActive="active">Heroes</a>
|
<a routerLink="/heroes" routerLinkActive="active">Heroes</a>
|
||||||
<a routerLink="/crisis-center/admin" routerLinkActive="active">Crisis Admin</a>
|
<a routerLink="/crisis-center/admin" routerLinkActive="active">Crisis Admin</a>
|
||||||
<a routerLink="/login" routerLinkActive="active">Login</a>
|
<a routerLink="/login" routerLinkActive="active">Login</a>
|
||||||
|
|
|
@ -702,7 +702,7 @@ h3#navigate Navigate to hero detail imperatively
|
||||||
+makeExample('router/ts/app/heroes/hero-list.component.1.ts','select')(format=".")
|
+makeExample('router/ts/app/heroes/hero-list.component.1.ts','select')(format=".")
|
||||||
:marked
|
:marked
|
||||||
It calls the router's **`navigate`** method with a **Link Parameters Array**. We can use this same syntax
|
It calls the router's **`navigate`** method with a **Link Parameters Array**. We can use this same syntax
|
||||||
with a `RouterLink` if we want to use it HTML rather than code.
|
with a `RouterLink` if we want to use it in HTML rather than code.
|
||||||
|
|
||||||
h3#route-parameters Setting the route parameters in the list view
|
h3#route-parameters Setting the route parameters in the list view
|
||||||
:marked
|
:marked
|
||||||
|
@ -1414,9 +1414,9 @@ figure.image-display
|
||||||
:marked
|
:marked
|
||||||
It should look something like this, depending on where you run it:
|
It should look something like this, depending on where you run it:
|
||||||
code-example(format="." language="bash").
|
code-example(format="." language="bash").
|
||||||
localhost:3000/heroes;id=15&foo=foo
|
localhost:3000/heroes;id=15;foo=foo
|
||||||
:marked
|
:marked
|
||||||
The `id` value appears in the query string (`;id=15&foo=foo`), not in the URL path.
|
The `id` value appears in the query string (`;id=15;foo=foo`), not in the URL path.
|
||||||
The path for the "Heroes" route doesn't have an `:id` token.
|
The path for the "Heroes" route doesn't have an `:id` token.
|
||||||
:marked
|
:marked
|
||||||
The query string parameters are not separated by "?" and "&".
|
The query string parameters are not separated by "?" and "&".
|
||||||
|
|
Loading…
Reference in New Issue