Estoy haciendo una aplicación en ionic y para realizar peticiones http encontre un tutorial que utiliza el modelo observable, pero no entiendo como funciona, ni en que se ocupan .do
.map
y .catch
, el código es el siguiente
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { Observable } from 'rxjs/Observable';
/*
Generated class for the MessageServiceProvider provider.
See https://angular.io/docs/ts/latest/guide/dependency-injection.html
for more info on providers and Angular DI.
*/
@Injectable()
export class MessageServiceProvider {
private url: string = "http://localhost/pruebas/json.php";
respuesta: boolean = false;
constructor(private http: Http) {
console.log('Hello MessageServiceProvider Provider');
}
getMessages() {
return this.http.get(this.url)
.do(this.logResponse)
.map(this.extractData)
.do(this.logResponse)
.catch(this.catchError)
}
private catchError(error: Response | any) {
console.log(error);
return Observable.throw(error.json().error || "Serve error");
}
private logResponse(res: Response) {
console.log(res);
}
private extractData(res: Response) {
this.respuesta = true;
return res.json();
}
}