import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HeroService } from '../hero.service';
+import { MessageService } from '../message.service';
@Component({
selector: 'app-heroes',
heroes: Hero[];
- selectedHero : Hero;
-
- onSelect(hero : Hero): void {
- this.selectedHero = hero;
- }
-
- constructor(private heroService : HeroService) { }
+ constructor(
+ private heroService : HeroService,
+ private messageService : MessageService) { }
ngOnInit() {
this.getHeroes();
}
getHeroes() : void {
- this.heroes = this.heroService.getHeroes();
+ this.heroService
+ .getHeroes()
+ .subscribe(heroes => this.heroes = heroes);
}
}