X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fheroes%2Fheroes.component.ts;h=94f426656a78890c89a2966a9d9d7687511858eb;hp=b8b63147c764f4c8d775c345081e54cf56d37100;hb=ef15a90ba71bcff7765f089af11e2ad22752a352;hpb=76abd89bee87b35b57e3e609038df39b8004ebea diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts index b8b6314..94f4266 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,11 +9,21 @@ import { Component, OnInit } from '@angular/core'; }) export class HeroesComponent implements OnInit { - hero = 'Windstorm'; + heroes: Hero[]; - constructor() { } + selectedHero : Hero; + + onSelect(hero : Hero): void { + this.selectedHero = hero; + } + + constructor(private heroService : HeroService) { } ngOnInit() { + this.getHeroes(); } + getHeroes() : void { + this.heroes = this.heroService.getHeroes(); + } }