projects
/
examples
/
angular-tour-of-heroes
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
4: Add Services
[examples/angular-tour-of-heroes]
/
src
/
app
/
heroes
/
heroes.component.ts
diff --git
a/src/app/heroes/heroes.component.ts
b/src/app/heroes/heroes.component.ts
index
8d9f662
..
94f4266
100644
(file)
--- 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 { Component, OnInit } from '@angular/core';
+import { Hero } from '../hero';
+import { HeroService } from '../hero.service';
@Component({
selector: 'app-heroes',
@Component({
selector: 'app-heroes',
@@
-7,9
+9,21
@@
import { Component, OnInit } from '@angular/core';
})
export class HeroesComponent implements OnInit {
})
export class HeroesComponent implements OnInit {
- constructor() { }
+ heroes: Hero[];
+
+ selectedHero : Hero;
+
+ onSelect(hero : Hero): void {
+ this.selectedHero = hero;
+ }
+
+ constructor(private heroService : HeroService) { }
ngOnInit() {
ngOnInit() {
+ this.getHeroes();
}
}
+ getHeroes() : void {
+ this.heroes = this.heroService.getHeroes();
+ }
}
}