TypeScript router.RouterConfig類代碼示例

function wrapSecured(config: RouterConfig, role: string) {
    config.forEach((route)=> {
       route.data = {role: role};
       route.canActivate = [AuthGuard];
    });
    return config;
}

import { provideRouter, RouterConfig, Route } from '@angular/router';
import { OverviewComponent } from './overview.component';
import { ToggleListComponent } from './toggle/list.component';
import { ToggleDetailComponent } from './toggle/detail.component';
import { ToggleEditComponent } from './toggle/edit.component';
import { PageNotFoundComponent } from './page-not-found.component';

const routes: RouterConfig = [
  { path: '', redirectTo: '/overview', pathMatch: 'full' },
  { path: 'overview', component: OverviewComponent },
  {
    path: 'toggles', children: [
    { path: '', component: ToggleListComponent },
    { path: ':id', component: ToggleDetailComponent },
    { path: ':id/edit', component: ToggleEditComponent },
  ]
  },
  { path: '**', component: PageNotFoundComponent }
];

export const components: any[] = routes.
    filter(route => route.children !== undefined).
    map(route => route.children).
    concat(routes).
    filter((route: Route) => route.component !== undefined).
    map((route: Route) => route.component);

export const appRouterProviders = [
  provideRouter(routes)
];

import { provideRouter, RouterConfig } from '@angular/router';
import { HomeComponent } from "../layout/home/home.component";
import { IdeasComponent } from "../layout/ideas/ideas.component";
import { MarketplaceComponent } from "../layout/marketplace/marketplace.component";
import { ProfileComponent } from "../layout/profile/profile.component";
import { ProjectsComponent } from "../layout/projects/projects.component";
import { WinnersComponent } from "../layout/winners/winners.component";

export const routes: RouterConfig = [
    {path: '',            component: HomeComponent},
    {path: 'ideas',       component: IdeasComponent},
    {path: 'marketplace', component: MarketplaceComponent},
    {path: 'profile',     component: ProfileComponent},
    {path: 'projects',    component: ProjectsComponent},
    {path: 'winners',     component: WinnersComponent},
];

export const PRECOMPILE_ARRAY = routes.map(v => v.component);

export const APP_ROUTER_PROVIDERS = [
    provideRouter(routes)
];

 static getMainMenuLinks():RouteLink[] {
     var current = ActivatedRoute;
     
     return routes
         .filter(r => r.data && r.data['textLink'] && !r.path.includes(':')) 
         .map( r => this.mapRouteToLink(r));
 }

function top_paths_markup() {
  var top_routes = routes.filter((route) => is_top_path(route.path));
  var anchors    = top_routes.map( a_for_route ).join("\n");
  return `<nav>\n${anchors}\n</nav>`
};