20 lines
		
	
	
		
			467 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			20 lines
		
	
	
		
			467 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| // Exact copy except import UserService from core
 | |
| import { Component }   from '@angular/core';
 | |
| 
 | |
| import { HeroService } from './hero.service';
 | |
| import { UserService } from '../core/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;
 | |
|   }
 | |
| }
 |