47 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
		
		
			
		
	
	
			47 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
|  | // #docregion
 | ||
|  | import { Component } from 'angular2/core'; | ||
|  | 
 | ||
|  | import { HeroBiosComponent, | ||
|  |          HeroBiosAndContactsComponent} from './hero-bios.component'; | ||
|  | import { HeroOfTheMonthComponent }     from './hero-of-the-month.component'; | ||
|  | import { HeroesBaseComponent, | ||
|  |          SortedHeroesComponent }       from './sorted-heroes.component'; | ||
|  | import { HighlightDirective }          from './highlight.directive'; | ||
|  | import { ParentFinderComponent }       from './parent-finder.component'; | ||
|  | 
 | ||
|  | const DIRECTIVES = [ | ||
|  |     HeroBiosComponent, HeroBiosAndContactsComponent, | ||
|  |     HeroesBaseComponent, SortedHeroesComponent, | ||
|  |     HeroOfTheMonthComponent, | ||
|  |     HighlightDirective, | ||
|  |     ParentFinderComponent | ||
|  | ]; | ||
|  | 
 | ||
|  | // #docregion import-services
 | ||
|  | import { LoggerService }      from './logger.service'; | ||
|  | import { UserContextService } from './user-context.service'; | ||
|  | import { UserService }        from './user.service'; | ||
|  | 
 | ||
|  | @Component({ | ||
|  |   selector: 'my-app', | ||
|  |   templateUrl:'app/app.component.html', | ||
|  |   directives: DIRECTIVES, | ||
|  | // #docregion providers
 | ||
|  |   providers: [LoggerService, UserContextService, UserService] | ||
|  | // #enddocregion providers
 | ||
|  | }) | ||
|  | export class AppComponent { | ||
|  | // #enddocregion import-services
 | ||
|  | 
 | ||
|  |   private userId:number = 1; | ||
|  | 
 | ||
|  |   // #docregion ctor
 | ||
|  |   constructor(logger:LoggerService, public userContext:UserContextService) { | ||
|  |     userContext.loadUser(this.userId); | ||
|  |     logger.logInfo('AppComponent initialized'); | ||
|  |   } | ||
|  |   // #enddocregion ctor
 | ||
|  | // #docregion import-services
 | ||
|  | } | ||
|  | // #enddocregion import-services
 |