57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
// #docplaster
|
|
// #docregion
|
|
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
import { RouteParams } from '@angular/router-deprecated';
|
|
|
|
import { Hero } from './hero';
|
|
import { HeroService } from './hero.service';
|
|
|
|
@Component({
|
|
selector: 'my-hero-detail',
|
|
templateUrl: 'app/hero-detail.component.html',
|
|
styleUrls: ['app/hero-detail.component.css']
|
|
})
|
|
export class HeroDetailComponent implements OnInit {
|
|
@Input() hero: Hero;
|
|
@Output() close = new EventEmitter();
|
|
error: any;
|
|
navigated = false; // true if navigated here
|
|
|
|
constructor(
|
|
private heroService: HeroService,
|
|
private routeParams: RouteParams) {
|
|
}
|
|
|
|
// #docregion ngOnInit
|
|
ngOnInit() {
|
|
if (this.routeParams.get('id') !== null) {
|
|
let id = +this.routeParams.get('id');
|
|
this.navigated = true;
|
|
this.heroService.getHero(id)
|
|
.then(hero => this.hero = hero);
|
|
} else {
|
|
this.navigated = false;
|
|
this.hero = new Hero();
|
|
}
|
|
}
|
|
// #enddocregion ngOnInit
|
|
// #docregion save
|
|
save() {
|
|
this.heroService
|
|
.save(this.hero)
|
|
.then(hero => {
|
|
this.hero = hero; // saved hero, w/ id if new
|
|
this.goBack(hero);
|
|
})
|
|
.catch(error => this.error = error); // TODO: Display error message
|
|
}
|
|
// #enddocregion save
|
|
// #docregion goback
|
|
goBack(savedHero: Hero = null) {
|
|
this.close.emit(savedHero);
|
|
if (this.navigated) { window.history.back(); }
|
|
}
|
|
// #enddocregion goback
|
|
}
|
|
|