本文整理汇总了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 { }
示例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 { }
示例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 { }
示例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 { }
示例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 { }
示例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 { }
示例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 { }
示例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 { }