juplo.de Git - examples/angular-tour-of-heroes/blob - src/app/heroes/heroes.component.ts

   1 import { Component, OnInit } from '@angular/core';
   2 import { Hero } from '../hero';
   3 import { HeroService } from '../hero.service';
   4
   5 @Component({
   6   selector: 'app-heroes',
   7   templateUrl: './heroes.component.html',
   8   styleUrls: ['./heroes.component.css']
   9 })
  10 export class HeroesComponent implements OnInit {
  11
  12   heroes: Hero[];
  13
  14   selectedHero : Hero;
  15
  16   onSelect(hero : Hero): void {
  17     this.selectedHero = hero;
  18   }
  19
  20   constructor(private heroService : HeroService) { }
  21
  22   ngOnInit() {
  23     this.getHeroes();
  24   }
  25
  26   getHeroes() : void {
  27     this.heroes = this.heroService.getHeroes();
  28   }
  29 }