4: Add Services

h) Show messages - Add additional messages to hero service

diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts
index 1e29d4ed1da92a0054178612070458f41dfb9417..d8ac6427f3a4182b2b48225e65c4a8ab53553f5f 100644 (file)
--- a/src/app/heroes/heroes.component.ts
+++ b/src/app/heroes/heroes.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Hero } from '../hero';
 import { HeroService } from '../hero.service';
+import { MessageService } from '../message.service';
 
 @Component({
   selector: 'app-heroes',
@@ -15,9 +16,12 @@ export class HeroesComponent implements OnInit {
 
   onSelect(hero : Hero): void {
     this.selectedHero = hero;
+    this.messageService.add(`HeroService: Selected hero id=${hero.id}`);
   }
 
-  constructor(private heroService : HeroService) { }
+  constructor(
+      private heroService : HeroService,
+      private messageService : MessageService) { }
 
   ngOnInit() {
     this.getHeroes();