f056a2d5d2
closes #1905 Added section for RouterLinkActive Added section for global query params and fragments Added section for RouterState Added wildcard route to example configuration Updated code samples Renamed .guard files to .service Renamed interfaces.ts to can-deactivate-guard.service.ts Removed unused files
27 lines
672 B
TypeScript
27 lines
672 B
TypeScript
/* First version */
|
|
// #docplaster
|
|
// #docregion
|
|
import { Component } from '@angular/core';
|
|
// #docregion import-router
|
|
import { ROUTER_DIRECTIVES } from '@angular/router';
|
|
// #enddocregion import-router
|
|
|
|
@Component({
|
|
selector: 'my-app',
|
|
// #docregion template
|
|
template: `
|
|
<h1>Component Router</h1>
|
|
<nav>
|
|
<a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a>
|
|
<a routerLink="/heroes" routerLinkActive="active">Heroes</a>
|
|
</nav>
|
|
<router-outlet></router-outlet>
|
|
`,
|
|
// #enddocregion template
|
|
// #docregion directives
|
|
directives: [ROUTER_DIRECTIVES]
|
|
// #enddocregion directives
|
|
})
|
|
|
|
export class AppComponent { }
|