parent
13aa6b1498
commit
2e3f3e7fb1
|
@ -28,7 +28,7 @@ import { HeroService } from './heroes/hero.service';
|
|||
*/
|
||||
/* Crisis Center Detail link
|
||||
// #docregion Dragon-anchor
|
||||
<a [routerLink]="['/crisis-center/1']">Dragon Crisis</a>
|
||||
<a [routerLink]="['/crisis-center', 1]">Dragon Crisis</a>
|
||||
// #enddocregion Dragon-anchor
|
||||
*/
|
||||
/* Crisis Center link with optional query params
|
||||
|
|
|
@ -13,7 +13,7 @@ import { HeroService } from './heroes/hero.service';
|
|||
<h1 class="title">Component Router</h1>
|
||||
<nav>
|
||||
<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="/crisis-center/admin" routerLinkActive="active">Crisis Admin</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=".")
|
||||
:marked
|
||||
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
|
||||
:marked
|
||||
|
@ -1414,9 +1414,9 @@ figure.image-display
|
|||
:marked
|
||||
It should look something like this, depending on where you run it:
|
||||
code-example(format="." language="bash").
|
||||
localhost:3000/heroes;id=15&foo=foo
|
||||
localhost:3000/heroes;id=15;foo=foo
|
||||
: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.
|
||||
:marked
|
||||
The query string parameters are not separated by "?" and "&".
|
||||
|
|
Loading…
Reference in New Issue