import { Injectable } from '@angular/core';
import { Http, Headers,Response } from '@angular/http';
import {Observable} from 'rxjs';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
@Injectable()
export class LugaresService {
// private instance variable to hold base url
private serviceUrl = 'http://127.0.0.1:8080/ProgramaHospitalServicios/service';
// Resolve HTTP using the constructor
constructor (private http: Http) {}
public getLugares(){
var data:any = {};
const headers = new Headers({"Content-Type":"application/json"});
debugger;
var body:any = {
"service":"getLugares",
"params": {}
};
this.http.post(this.serviceUrl, body, {headers:headers})
.map((resultado)=> {
console.log(resultado);
debugger;
data = resultado.json().lugares;
debugger;
console.log(data);
} )
.catch(this.handleError); // Trouble line.
return data;
}
public handleError(error: Response) {
console.error(error);
return Observable.throw(error.json().error || 'Server error');
}
public buscarLugar(id){
console.log(id);
const headers = new Headers({"Content-Type":"application/json"});
var body:any = {
"service":"getLugar",
"params": {
"id":id
}
};
this.http.post(this.serviceUrl, body, {headers:headers})
.map((resultado)=> {
const data = resultado.json().lugar;
console.log(data);
return data;
})
}
public guardarLugar(lugar){
console.log(lugar);
const headers = new Headers({"Content-Type":"application/json"});
var body:any = {
"service":"putLugares",
"params": {
"nombre": lugar.nombre,
"cercania": lugar.cercania,
"distancia": lugar.distancia,
"descripcion": lugar.descripcion,
"plan": lugar.plan
}
};
this.http.post(this.serviceUrl, body, {headers:headers})
.map((resultado)=> {
const data = resultado.json().lugares;
console.log(data);
return data;
})
}
}
El código que llama
import { Component } from '@angular/core';
import { LugaresService } from '../services/lugares.service'
@Component({
selector: 'app-lugares',
templateUrl: './lugares.component.html',
styleUrls: ['./lugares.component.css']
})
export class LugaresComponent {
title = 'Lugares';
lat:number = 40.931910;
lng:number = -4.117217;
lugares = null;
constructor(private lugaresService: LugaresService){
this.lugares = lugaresService.getLugares()
.subscribe(lugares=>{
this.lugares=lugares;
var me = this;
me.lugares = Object.keys(me.lugares).map(function (key){return me.lugares[key]});
}, error=>{
console.log(error);
});
}
}