38 lines
922 B
TypeScript
38 lines
922 B
TypeScript
// Keep the Input import for now, we'll remove it later:
|
|
import { Component, OnInit } from '@angular/core';
|
|
import { ActivatedRoute, Params } from '@angular/router';
|
|
import { Location } from '@angular/common';
|
|
|
|
import { BeerService } from './beer.service';
|
|
import { Beer } from './beer';
|
|
|
|
import 'rxjs/add/operator/switchMap';
|
|
|
|
@Component({
|
|
moduleId: module.id,
|
|
selector: 'my-beer-detail',
|
|
templateUrl: './beer-detail.component.html',
|
|
styleUrls: [ './beer-detail.component.css' ]
|
|
})
|
|
|
|
export class BeerDetailComponent implements OnInit {
|
|
|
|
constructor(
|
|
private beerService: BeerService,
|
|
private route: ActivatedRoute,
|
|
private location: Location
|
|
) {}
|
|
|
|
beer: Beer;
|
|
|
|
ngOnInit(): void {
|
|
this.route.params
|
|
.switchMap((params: Params) => this.beerService.get(params['id']))
|
|
.subscribe(beer => this.beer = beer);
|
|
}
|
|
|
|
goBack(): void {
|
|
this.location.back();
|
|
}
|
|
}
|