TypeScript Route.withShell方法代碼示例

本文整理匯總了TypeScript中@app/core.Route.withShell方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Route.withShell方法的具體用法？TypeScript Route.withShell怎麽用？TypeScript Route.withShell使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@app/core.Route的用法示例。

在下文中一共展示了Route.withShell方法的8個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: extract

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

import { Route, extract } from '@app/core';
import { HomeComponent } from './home.component';

const routes: Routes = [
  Route.withShell([
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent, data: { title: extract('Home') } }
  ])
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class HomeRoutingModule { }

開發者ID:Alefal，項目名稱:alefal.it，代碼行數:19，代碼來源:home-routing.module.ts

示例2: extract

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

import { Route, extract } from '@app/core';
import { BoxesComponent } from './boxes.component';

const routes: Routes = Route.withShell([
  { path: 'boxes', component: BoxesComponent, data: { title: extract('Boxes For Sale') } }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class BoxesRoutingModule { }

開發者ID:kittycash，項目名稱:marketplace，代碼行數:16，代碼來源:boxes-routing.module.ts

示例3: extract

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

import { Route, extract } from '@app/core';
import { AboutComponent } from './about.component';

const routes: Routes = [
  Route.withShell([
    { path: 'about', component: AboutComponent, data: { title: extract('About') } }
  ])
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class AboutRoutingModule { }

開發者ID:yume117，項目名稱:starter-kit，代碼行數:18，代碼來源:about-routing.module.ts

示例4: extract

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

import { Route, extract } from '@app/core';
import { EpubComponent } from './epub.component';

const routes: Routes = Route.withShell([
  { path: 'epub', component: EpubComponent, data: { title: extract('Details') } }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class EpubRoutingModule { }

開發者ID:BBoyBreaker，項目名稱:iko-demo，代碼行數:16，代碼來源:epub-routing.module.ts

示例5:

import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
import { Route } from '@app/core';

const routes: Routes = [
  Route.withShell([
    { path: 'about', loadChildren: 'app/about/about.module#AboutModule' }
  ]),
  // Fallback when no prior route is matched
  { path: '**', redirectTo: '', pathMatch: 'full' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })],
  exports: [RouterModule],
  providers: []
})
export class AppRoutingModule { }

開發者ID:Alefal，項目名稱:alefal.it，代碼行數:18，代碼來源:app-routing.module.ts

示例6: extract

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

import { Route, extract } from '@app/core';
import { ExploreComponent } from './explore.component';

const routes: Routes = Route.withShell([
  { path: '', redirectTo: '/explore', pathMatch: 'full' },
  { path: 'explore', component: ExploreComponent, data: { title: extract('Explore Our Kitties') } }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class ExploreRoutingModule { }

開發者ID:kittycash，項目名稱:marketplace，代碼行數:17，代碼來源:explore-routing.module.ts

示例7: extract

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

import { Route, extract } from '@app/core';
import { DenComponent } from './den.component';

const routes: Routes = Route.withShell([
  { path: 'den_of_iniquity', component: DenComponent, data: { title: extract('The Den of Iniquity') } }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class DenRoutingModule { }

開發者ID:kittycash，項目名稱:marketplace，代碼行數:16，代碼來源:den-routing.module.ts

示例8: extract

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

import { Route, extract } from '@app/core';
import { ForSaleComponent } from './forsale.component';

const routes: Routes = Route.withShell([
  { path: 'forsale', component: ForSaleComponent, data: { title: extract('Kitties For Sale') } }
]);

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class ForSaleRoutingModule { }

開發者ID:kittycash，項目名稱:marketplace，代碼行數:16，代碼來源:forsale-routing.module.ts

注：本文中的@app/core.Route.withShell方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。