30 lines
719 B
TypeScript
30 lines
719 B
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
|
|
import { Hero } from './hero';
|
|
import { HeroService } from './hero.service';
|
|
|
|
// #docregion metadata, providers
|
|
@Component({
|
|
selector: 'app-hero-list',
|
|
templateUrl: './hero-list.component.html',
|
|
providers: [ HeroService ]
|
|
})
|
|
// #enddocregion providers
|
|
// #docregion class
|
|
export class HeroListComponent implements OnInit {
|
|
// #enddocregion metadata
|
|
heroes: Hero[];
|
|
selectedHero: Hero;
|
|
|
|
// #docregion ctor
|
|
constructor(private service: HeroService) { }
|
|
// #enddocregion ctor
|
|
|
|
ngOnInit() {
|
|
this.heroes = this.service.getHeroes();
|
|
}
|
|
|
|
selectHero(hero: Hero) { this.selectedHero = hero; }
|
|
// #docregion metadata
|
|
}
|