TypeScript router.RouterConfig类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@angular/router.RouterConfig类的典型用法代码示例。如果您正苦于以下问题：TypeScript RouterConfig类的具体用法？TypeScript RouterConfig怎么用？TypeScript RouterConfig使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了RouterConfig类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: wrapSecured

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

开发者ID:AntonGrigoriev，项目名称:3group，代码行数:7，代码来源:app.routes.ts

示例2: filter

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)
];

开发者ID:toggle-api，项目名称:web-ui，代码行数:30，代码来源:app.routes.ts

示例3: provideRouter

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)
];

开发者ID:PIWEEK，项目名称:piweekr-front，代码行数:22，代码来源:app.routes.ts

示例4: getMainMenuLinks

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

开发者ID:pacoramos77，项目名称:ng-start，代码行数:7，代码来源:app.routes.ts

示例5: top_paths_markup

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>`
};

开发者ID:emeyekayee，项目名称:ng2-schedule-scroll-frontend，代码行数:5，代码来源:app.routes.ts

注：本文中的@angular/router.RouterConfig类示例整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。