本文整理匯總了TypeScript中@app/shell/shell.service.Shell類的典型用法代碼示例。如果您正苦於以下問題:TypeScript service.Shell類的具體用法?TypeScript service.Shell怎麽用?TypeScript service.Shell使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了service.Shell類的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: []