47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
// #docregion
|
|
import { Component } from '@angular/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
|