github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-25 02:57:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Example of Angular 2 lazy loading to help with #465

Browse Source
This commit is contained in:
SteveSandersonMS
2016-12-01 15:13:38 +00:00
committed by Steve Sanderson
parent 1f03b1e633
commit df5d27d0d8
4 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/Angular2Spa/ClientApp/app/app.module.ts
View File

@@ -5,14 +5,12 @@ import { AppComponent } from './components/app/app.component'
import { NavMenuComponent } from './components/navmenu/navmenu.component';
import { HomeComponent } from './components/home/home.component';
import { FetchDataComponent } from './components/fetchdata/fetchdata.component';
import { CounterComponent } from './components/counter/counter.component';
@NgModule({
bootstrap: [ AppComponent ],
declarations: [
AppComponent,
NavMenuComponent,
CounterComponent,
FetchDataComponent,
HomeComponent
],
@@ -21,7 +19,7 @@ import { CounterComponent } from './components/counter/counter.component';
RouterModule.forRoot([
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: 'counter', component: CounterComponent },
{ path: 'counter', loadChildren: './components/counter/counter.module#CounterModule' },
{ path: 'fetch-data', component: FetchDataComponent },
{ path: '**', redirectTo: 'home' }
])

14
templates/Angular2Spa/ClientApp/app/components/counter/counter.module.ts Normal file
View File

@@ -0,0 +1,14 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { CounterComponent } from './counter.component';
@NgModule({
imports: [
RouterModule.forChild([
{ path: '', component: CounterComponent }
])
],
exports: [ RouterModule ],
declarations: [ CounterComponent ]
})
export class CounterModule {}