19 lines
412 B
TypeScript
19 lines
412 B
TypeScript
|
import { Component } from '@angular/core';
|
||
|
|
|
||
|
|
import { HeroService } from './hero.service';
|
||
|
|
import { UserService } from '../user.service';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
template: `
|
||
|
|
<h2>Heroes of {{userName}}</h2>
|
||
|
|
<router-outlet></router-outlet>
|
||
|
|
`,
|
||
|
|
providers: [ HeroService ]
|
||
|
|
})
|
||
|
|
export class HeroComponent {
|
||
|
|
userName = '';
|
||
|
|
constructor(userService: UserService) {
|
||
|
|
this.userName = userService.userName;
|
||
|
|
}
|
||
|
|
}
|