1 import { Component, OnInit } from '@angular/core';
2 import { ActivatedRoute } from '@angular/router';
3 import { Location } from '@angular/common';
5 import { HeroService } from '../hero.service';
6 import { Hero } from '../hero';
7 import { MessageService } from '../message.service';
10 selector: 'app-hero-detail',
11 templateUrl: './hero-detail.component.html',
12 styleUrls: ['./hero-detail.component.css']
14 export class HeroDetailComponent implements OnInit {
16 hero: Hero | undefined;
19 private route: ActivatedRoute,
20 private heroService: HeroService,
21 private messageService: MessageService,
22 private location: Location
30 this.route.params.subscribe(params => {
31 const id: number = +params.id;
32 this.hero = undefined;
33 this.heroService.getHero(id).subscribe(hero => {
34 this.messageService.add('HeroDetailComponent: retrived hero ' + JSON.stringify(hero));