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
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
// #docplaster
|
|
// #docregion
|
|
// #docregion route-config
|
|
import { provideRouter, RouterConfig } from '@angular/router';
|
|
|
|
// #enddocregion route-config
|
|
// #enddocregion
|
|
|
|
// #docregion base-routes
|
|
import { HeroListComponent } from './hero-list.component';
|
|
import { CrisisCenterComponent } from './crisis-center/crisis-center.component';
|
|
import { HeroDetailComponent } from './heroes/hero-detail.component';
|
|
import { PageNotFoundComponent } from './not-found.component';
|
|
// #enddocregion base-routes
|
|
|
|
// #docregion
|
|
// #docregion route-config
|
|
const routes: RouterConfig = [
|
|
// #docregion route-defs
|
|
{ path: 'crisis-center', component: CrisisCenterComponent },
|
|
{ path: 'heroes', component: HeroListComponent },
|
|
// #enddocregion route-defs
|
|
// #docregion hero-detail-route
|
|
{ path: 'hero/:id', component: HeroDetailComponent },
|
|
// #enddocregion hero-detail-route
|
|
{ path: '**', component: PageNotFoundComponent }
|
|
];
|
|
|
|
export const appRouterProviders = [
|
|
provideRouter(routes)
|
|
];
|
|
// #enddocregion route-config
|
|
// #enddocregion
|