Simplified routing in tutorial example Updated ngmodule guide and ngmodule faq with routing module prose
		
			
				
	
	
		
			75 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			75 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
// #docregion
 | 
						|
import { BrowserModule }                from '@angular/platform-browser';
 | 
						|
import { FormsModule }                  from '@angular/forms';
 | 
						|
import { HttpModule }                   from '@angular/http';
 | 
						|
 | 
						|
// import { AppRoutingModule }             from './app-routing.module';
 | 
						|
import { LocationStrategy,
 | 
						|
         HashLocationStrategy }         from '@angular/common';
 | 
						|
import { NgModule }                     from '@angular/core';
 | 
						|
 | 
						|
import { HeroData }                     from './hero-data';
 | 
						|
import { InMemoryWebApiModule }         from 'angular-in-memory-web-api';
 | 
						|
 | 
						|
 | 
						|
import { AppComponent }                 from './app.component';
 | 
						|
import { HeroBioComponent }             from './hero-bio.component';
 | 
						|
import { HeroBiosComponent,
 | 
						|
         HeroBiosAndContactsComponent } from './hero-bios.component';
 | 
						|
import { HeroOfTheMonthComponent }      from './hero-of-the-month.component';
 | 
						|
import { HeroContactComponent }         from './hero-contact.component';
 | 
						|
import { HeroesBaseComponent,
 | 
						|
         SortedHeroesComponent }        from './sorted-heroes.component';
 | 
						|
import { HighlightDirective }           from './highlight.directive';
 | 
						|
import { ParentFinderComponent,
 | 
						|
         AlexComponent,
 | 
						|
         AliceComponent,
 | 
						|
         CarolComponent,
 | 
						|
         ChrisComponent,
 | 
						|
         CraigComponent,
 | 
						|
         CathyComponent,
 | 
						|
         BarryComponent,
 | 
						|
         BethComponent,
 | 
						|
         BobComponent }                 from './parent-finder.component';
 | 
						|
 | 
						|
const declarations = [
 | 
						|
    AppComponent,
 | 
						|
    HeroBiosComponent, HeroBiosAndContactsComponent, HeroBioComponent,
 | 
						|
    HeroesBaseComponent, SortedHeroesComponent,
 | 
						|
    HeroOfTheMonthComponent, HeroContactComponent,
 | 
						|
    HighlightDirective,
 | 
						|
    ParentFinderComponent,
 | 
						|
];
 | 
						|
 | 
						|
const a_components = [AliceComponent, AlexComponent ];
 | 
						|
 | 
						|
const b_components = [ BarryComponent, BethComponent, BobComponent ];
 | 
						|
 | 
						|
const c_components = [
 | 
						|
  CarolComponent, ChrisComponent, CraigComponent,
 | 
						|
  CathyComponent
 | 
						|
];
 | 
						|
 | 
						|
@NgModule({
 | 
						|
  imports: [
 | 
						|
    BrowserModule,
 | 
						|
    FormsModule,
 | 
						|
    HttpModule,
 | 
						|
    InMemoryWebApiModule.forRoot(HeroData)
 | 
						|
    // AppRoutingModule TODO: add routes
 | 
						|
  ],
 | 
						|
  declarations: [
 | 
						|
    declarations,
 | 
						|
    a_components,
 | 
						|
    b_components,
 | 
						|
    c_components,
 | 
						|
  ],
 | 
						|
  bootstrap: [ AppComponent ],
 | 
						|
  // #docregion providers
 | 
						|
  providers: [
 | 
						|
    { provide: LocationStrategy, useClass: HashLocationStrategy }
 | 
						|
  ]
 | 
						|
  // #enddocregion providers
 | 
						|
})
 | 
						|
export class AppModule { }
 |