本文整理汇总了TypeScript中@app/shell/shell.service.Shell.childRoutes方法的典型用法代码示例。如果您正苦于以下问题：TypeScript service.Shell.childRoutes方法的具体用法？TypeScript service.Shell.childRoutes怎么用？TypeScript service.Shell.childRoutes使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@app/shell/shell.service.Shell的用法示例。
在下文中一共展示了service.Shell.childRoutes方法的8个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { EventComponent } from './event.component';
import { Shell } from '@app/shell/shell.service';
import { AuthGuardService } from '../services/auth-guard.service';
const routes: Routes = [
Shell.childRoutes([
{
path: 'events/:id',
component: EventComponent,
canActivate: [AuthGuardService]
}
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []
})
export class EventRoutingModule {}
示例2:
import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
import { HomeComponent } from '@app/home/home.component';
import { Shell } from '@app/shell/shell.service';
const routes: Routes = [
Shell.childRoutes([{ 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 {}
示例3: extract
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { extract } from '@app/core';
import { NewEventComponent } from './new-event.component';
import { Shell } from '@app/shell/shell.service';
import { AuthGuardService } from '../services/auth-guard.service';
const routes: Routes = [
Shell.childRoutes([
{
path: 'event/new',
component: NewEventComponent,
data: { title: extract('New event') },
canActivate: [AuthGuardService]
}
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []
})
export class NewEventRoutingModule {}
示例4: extract
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { extract } from '@app/core';
import { HomeComponent } from './home.component';
import { Shell } from '@app/shell/shell.service';
const routes: Routes = [
Shell.childRoutes([
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent, data: { title: extract('Home') } }
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []
})
export class HomeRoutingModule { }
示例5: extract
import { EditGiftComponent } from './edit-gift.component';
import { ViewGiftComponent } from './view-gift.component';
import { Shell } from '@app/shell/shell.service';
import { AuthGuardService } from '../services/auth-guard.service';
const routes: Routes = [
Shell.childRoutes([
{
path: 'events/:id/gift/new',
component: NewGiftComponent,
data: { title: extract('New gift') },
canActivate: [AuthGuardService]
},
{
path: 'events/:id/gifts/:giftid/view',
component: ViewGiftComponent,
data: { title: extract('View gift') },
canActivate: [AuthGuardService]
},
{
path: 'events/:id/gifts/:giftid/edit',
component: EditGiftComponent,
data: { title: extract('Edit gift') },
canActivate: [AuthGuardService]
}
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []示例6: extract
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { extract } from '@app/core';
import { SettingsComponent } from '@app/settings/settings.component';
import { Shell } from '@app/shell/shell.service';
const routes: Routes = [
Shell.childRoutes([
{ path: 'settings', component: SettingsComponent, data: { title: extract('Settings') } }
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []
})
export class SettingsRoutingModule { }
示例7: extract
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { extract } from '@app/core';
import { Shell } from '@app/shell/shell.service';
import { AboutComponent } from './about.component';
const routes: Routes = [
Shell.childRoutes([
{
path: 'about',
component: AboutComponent,
data: { title: extract('About') }
}
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []
})
export class AboutRoutingModule {}
示例8: extract
import { HomeComponent } from './home.component';
import { ProfileComponent } from './profile.component';
import { Shell } from '@app/shell/shell.service';
import { AuthGuardService } from '../services/auth-guard.service';
const routes: Routes = [
Shell.childRoutes([
{
path: '',
redirectTo: '/home',
pathMatch: 'full',
canActivate: [AuthGuardService]
},
{
path: 'profile',
component: ProfileComponent,
canActivate: [AuthGuardService]
},
{
path: 'home',
component: HomeComponent,
data: { title: extract('Home') },
canActivate: [AuthGuardService]
}
])
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: []