// Exact copy except import UserService from shared
import { Component }   from '@angular/core';

import { HeroService } from './hero.service';
import { UserService } from '../shared/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;
  }
}