• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript router.Routes类代码示例

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

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



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

示例1: updateRoutingInfo

 function updateRoutingInfo(routes: Routes, path: string) {
     routes.forEach(route => {
         if(!route.data) { return; }
         const fullLink = [path, route.path].join('/');
         route.data.link = fullLink;
         if(route.children) {
             updateRoutingInfo(route.children, fullLink);
         }
     });
 }
开发者ID:DevExpress,项目名称:SalesViewer,代码行数:10,代码来源:routes.service.ts


示例2: String

  const flatten = (parent: Array<string>, routes: Routes): Array<Route> =>
    routes.reduce(
      (prev, route: AngularRoute & {server?: boolean}) => {
        const prepared = location.prepareExternalUrl(parent.concat(route.path || []).join('/'));

        const path = prepared.replace(/(^\.|\*\*?)/g, String()).split(/\//g).filter(v => v);

        return prev.concat({path, server: route.server}, flatten(path, route.children || []));
      },
      empty);
开发者ID:sonukapoor,项目名称:angular-ssr,代码行数:10,代码来源:extract.ts


示例3:

import { Routes, RouterModule } from '@angular/router';

import { ServicesComponent }     from './services.component';

const routes: Routes = [
    { path: 'services', component: ServicesComponent }
];

export const routing = RouterModule.forChild(routes);

export const routedComponents = routes.filter(r => r.component != undefined).map(r => r.component)
开发者ID:QuinntyneBrown,项目名称:hair-salon,代码行数:11,代码来源:services.routing.ts


示例4:

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ViewExpenseComponent } from './expenses/view-expense.component';
import { userRoutes } from './users/user-routes';

// Route Configuration
let routes: Routes = [
  {
    path: '',
    redirectTo: '/users',
    pathMatch: 'full'
  },
  { path: 'expenses', component: ViewExpenseComponent }
];

routes = routes.concat(userRoutes);

// Deprecated provide
// export const APP_ROUTER_PROVIDERS = [
//   provideRouter(routes)
// ];

export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
开发者ID:darshanjani,项目名称:dj-practice,代码行数:23,代码来源:app.routes.ts


示例5:

import {Routes, RouterModule} from '@angular/router';
import {FleetMainComponent} from "./modules/fleet/fleet.component";

const navRoutes: Routes = [
    {
        path: 'fleet',
        component: FleetMainComponent
    }
];

const appRoutes: Routes = [
    {
        path: '',
        redirectTo: '/fleet',
        pathMatch: 'full'
    }
];


export const routing = RouterModule.forRoot(appRoutes.concat(navRoutes));
开发者ID:torphexi,项目名称:Site,代码行数:20,代码来源:app.routing.ts


示例6: registerLocaleData

    NgxChartsModule,
} from "@swimlane/ngx-charts";

registerLocaleData(localeGB);

export function JwtTokenGetter(): string {
    return store.get("token");
}

const routes: Routes = [
    { path: "", redirectTo: "dashboard", pathMatch: "full" },
    { path: "dashboard", component: DashboardComponent, data: { title: "Dashboard", noDashboardLink: true } },
    { path: "edit", component: EditComponent, data: { title: "New Check" } },
    { path: "edit/:id", component: EditComponent, data: { title: "Edit Check" } },
    { path: "edit/:id/:copy", component: EditComponent, data: { title: "Copy Check" } },
    { path: "settings", component: SettingsComponent, data: { title: "Settings", noSettingsLink: true } },
    { path: "details/:id", component: DetailsComponent, data: { title: "Details" } },
    { path: "login", component: LoginComponent, data: { title: "Login", noDashboardLink: true } },
    { path: "user", component: UserComponent, data: { title: "User" } },
    { path: "init", component: InitComponent, data: { title: "SystemChecker Init", noDashboardLink: true } },
    { path: "**", component: PageNotFoundComponent, data: { title: "Not Found" } },
];

routes.forEach(x => {
    if (!x.canDeactivate) {
        x.canDeactivate = [];
    }
    x.canDeactivate.push(CanDeactivateGuard);

    if (x.path === "login" || x.path === "init") { return; }
    if (!x.canActivate) {
开发者ID:MattJeanes,项目名称:SystemChecker,代码行数:31,代码来源:app.module.ts


示例7:

mainMenuRoutes.forEach(r => routes.push({ path: r.path, component: r.component }));
开发者ID:asdman384,项目名称:tracker2,代码行数:1,代码来源:app.routing.module.ts


示例8:

import { TrainerComponent } from './trainer/trainer.component';
import { WinnerComponent } from './winner/winner.component';
import { AcknowledgeComponent } from './acknowledge/acknowledge.component';

import { TesterComponent } from './tester/tester.component';

const dev = false;

const routes: Routes = [
  { path: '', redirectTo: '/signin', pathMatch: 'full' },
  { path: 'home', component: HomeComponent  },
  { path: 'board', component: BoardComponent  },
  { path: 'starter', component: StarterPokemonComponent  },
  { path: 'lobby', component: LobbyComponent  },
  { path: 'capture', component: CapturePokemonComponent  },
  { path: 'city', component: CityComponent  },
  { path: 'event', component: EventComponent  },
  { path: 'winner', component: WinnerComponent  },
  { path: 'signin', component: SigninComponent  },
  { path: 'trainer', component: TrainerComponent  },
  { path: 'resumelobby', component: ResumeLobbyComponent  },
  { path: 'acknowldedge', component: AcknowledgeComponent },
];

if ( dev ) { routes.push( { path: 'tester', component: TesterComponent } ); }

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
开发者ID:hiteshlala,项目名称:pokemon-board-game,代码行数:31,代码来源:app-routing.module.ts



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript router-deprecated.RouteData类代码示例发布时间:2022-05-28
下一篇:
TypeScript router.RouterPreloader类代码示例发布时间:2022-05-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap