Hero in HeroDetailComponent can be undefined: resetting prior to fetching

[examples/angular-tour-of-heroes] / src / app / hero-detail / hero-detail.component.ts

diff --git a/src/app/hero-detail/hero-detail.component.ts b/src/app/hero-detail/hero-detail.component.ts
index d4c7289..4bbfe2e 100644 (file)
--- a/src/app/hero-detail/hero-detail.component.ts
+++ b/src/app/hero-detail/hero-detail.component.ts
@@ -12,7 +12,7 @@ import { Hero } from '../hero';
 })
 export class HeroDetailComponent implements OnInit {
 
-  hero: Hero;
+  hero: Hero | undefined;
 
   constructor(
     private route: ActivatedRoute,
@@ -27,6 +27,7 @@ export class HeroDetailComponent implements OnInit {
   getHero(): void {
     this.route.params.subscribe(params => {
       const id: number = +params.id;
+      this.hero = undefined;
       this.heroService.getHero(id).subscribe(hero => this.hero = hero);
     });
   }