X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fheroes%2Fheroes.component.ts;h=eaa069b6e613f3766bb3f49c01ede1dd35487bbb;hb=50aeef7b5e0e7f75d1a1de38e2a45bf1953de785;hp=2bb7a695958b9f14edc0a06de70043f212999c73;hpb=660221eb935d32c78466b125f1b83eb87b8dab31;p=examples%2Fangular-tour-of-heroes diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts index 2bb7a69..eaa069b 100644 --- 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 { HEROES } from '../mock-heroes'; +import { HeroService } from '../hero.service'; +import { MessageService } from '../message.service'; @Component({ selector: 'app-heroes', @@ -9,16 +10,19 @@ import { HEROES } from '../mock-heroes'; }) export class HeroesComponent implements OnInit { - heroes = HEROES; + heroes: Hero[]; - hero: Hero = { - id: 1, - name: 'Windstorm', - }; - - constructor() { } + constructor( + private heroService : HeroService, + private messageService : MessageService) { } ngOnInit() { + this.getHeroes(); } + getHeroes() : void { + this.heroService + .getHeroes() + .subscribe(heroes => this.heroes = heroes); + } }