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
@Input() is no longer needed in HeroDetailComponent
[examples/angular-tour-of-heroes]
/
src
/
app
/
hero-detail
/
hero-detail.component.ts
diff --git
a/src/app/hero-detail/hero-detail.component.ts
b/src/app/hero-detail/hero-detail.component.ts
index
caa9c09
..
d4c7289
100644
(file)
--- a/
src/app/hero-detail/hero-detail.component.ts
+++ b/
src/app/hero-detail/hero-detail.component.ts
@@
-1,4
+1,8
@@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Location } from '@angular/common';
+
+import { HeroService } from '../hero.service';
import { Hero } from '../hero';
@Component({
import { Hero } from '../hero';
@Component({
@@
-8,11
+12,26
@@
import { Hero } from '../hero';
})
export class HeroDetailComponent implements OnInit {
})
export class HeroDetailComponent implements OnInit {
-
@Input() hero
: Hero;
+
hero
: Hero;
- constructor() { }
+ constructor(
+ private route: ActivatedRoute,
+ private heroService: HeroService,
+ private location: Location
+ ) { }
ngOnInit() {
ngOnInit() {
+ this.getHero();
+ }
+
+ getHero(): void {
+ this.route.params.subscribe(params => {
+ const id: number = +params.id;
+ this.heroService.getHero(id).subscribe(hero => this.hero = hero);
+ });
}
}
+ goBack(): void {
+ this.location.back();
+ }
}
}