import { Component, OnInit, Input, Output } from '@angular/core';
import{Remedy}from'../remedy/remedy.model'
import{RemedysService}from'../remedys.service'
import{ActivatedRoute}from'@angular/router'
import {Observable}from'rxjs/Observable'
@Component({
  selector: 'gmr-remedy-details',
  templateUrl: './remedy-details.component.html'
})
export class RemedyDetailsComponent implements OnInit {

 remedy:Remedy

  constructor(private remedysService : RemedysService , private route : ActivatedRoute) { }

  ngOnInit() {
    this.remedysService.remedyByMenuId(this.route.snapshot.params['id'])
    .subscribe(remedy => this.remedy = remedy)
    console.log(`Parametro : ${this.route.snapshot.params['id']}, Remédio ${this.remedy}`)
  }

}

<dl class="col-sm-9 col-xs-12">
                   <dt>Categoria</dt>
                   <dd>{{remedy?.des_category}}</dd>
                   <dt>Dosagem</dt>
                   <dd>{{remedy?.des_dosage}}</dd>
                   <dt>Descrição</dt>
                   <dd>{{remedy?.des_description}}</dd>
                   <a href="#" [routerLink]="['/remedy-register']"><h4>Cadastrar novo remédio</h4></a>

                 </dl>
               </div>

remedyByMenuId(id:string):Observable<Remedy>{
    return this.http.get(`${GMR_API}/api/remedys/remedysMenu/${id}`)
    .map(response => response.json())
    .catch(ErrorHandler.handleError)
  }