X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fheroes%2Fheroes.component.ts;h=1e29d4ed1da92a0054178612070458f41dfb9417;hb=6cf1a6a74ad0cdefd6b940c5e8c2a81d1673be0e;hp=8d9f6623e37a2ac9a03670bcdf5d1c313b0f8b9a;hpb=b9527a5cd012df19c71953671e4fc4c24e91e9e4;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts
index 8d9f662..1e29d4e 100644
--- a/src/app/heroes/heroes.component.ts
+++ b/src/app/heroes/heroes.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { Hero } from '../hero';
+import { HeroService } from '../hero.service';
 
 @Component({
   selector: 'app-heroes',
@@ -7,9 +9,23 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HeroesComponent implements OnInit {
 
-  constructor() { }
+  heroes: Hero[];
+
+  selectedHero : Hero;
+
+  onSelect(hero : Hero): void {
+    this.selectedHero = hero;
+  }
+
+  constructor(private heroService : HeroService) { }
 
   ngOnInit() {
+    this.getHeroes();
   }
 
+  getHeroes() : void {
+    this.heroService
+        .getHeroes()
+        .subscribe(heroes => this.heroes = heroes);
+  }
 }