X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fheroes%2Fheroes.component.ts;h=eaa069b6e613f3766bb3f49c01ede1dd35487bbb;hb=50aeef7b5e0e7f75d1a1de38e2a45bf1953de785;hp=dd46908615ccee92a0a4dc01a6967484ef429804;hpb=58e4e8a43a7f0ea82123c6149ff475b62c6dc372;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts
index dd46908..eaa069b 100644
--- a/src/app/heroes/heroes.component.ts
+++ b/src/app/heroes/heroes.component.ts
@@ -1,5 +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',
@@ -8,14 +10,19 @@ import { Hero } from '../hero';
 })
 export class HeroesComponent implements OnInit {
 
-  hero: Hero = {
-    id: 1,
-    name: 'Windstorm',
-  };
+  heroes: Hero[];
 
-  constructor() { }
+  constructor(
+      private heroService : HeroService,
+      private messageService : MessageService) { }
 
   ngOnInit() {
+    this.getHeroes();
   }
 
+  getHeroes() : void {
+    this.heroService
+        .getHeroes()
+        .subscribe(heroes => this.heroes = heroes);
+  }
 }