Servicios REST Angular - Ioinc

import { Injectable } from '@angular/core';
// Importamos el servicio Http natvio de Angula, de igual manera rxjs, si no tienes injectable tambien es recomendable, y los headers para permisos de API REST
import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';


@Injectable()
export class Services {


    // Inyectamos Http
  constructor(public http: Http) {}

   // http recibe varios parametros, pero los mas comunes son, URL, Paametros (datos), headers


   // Declaramos los metodo

   ObtenerDatos() {
    // Retornamos una promesa, por ello la creamos
        return new Promise((resolve, reject) => {
        // Al usuar los servicios http: puedes sustituir por GET, POST, PUT, DELETE
        this.http.get('http://API_ENDPOINT')
            // Te subscribe para obtener la data en una promesa, porque estamos subscrito a un observable por ello debemos importar rxjs
            .subscribe(res => {
                // res es el objeto al cual sea subscrito el observable
                // res['_body'] por lo general es algo así, pero puedes usar console.log(res) para ver que te retorna
                resolve(res);
                // err te muestra los errores
            },(err) => {
                reject(err);
                });
            });
   }



enviarDatos() {
    // Retornamos una promesa, por ello la creamos
        return new Promise((resolve, reject) => {
            let data = {
                nombre: "Pedro",
                edad: 30
            }
        // Al usuar los servicios http: puedes sustituir por GET, POST, PUT, DELETE
        //  JSON.stringify(data) es para enviar los datos
        this.http.post('http://API_ENDPOINT',  JSON.stringify(data))
            // Te subscribe para obtener la data en una promesa, porque estamos subscrito a un observable por ello debemos importar rxjs
            .subscribe(res => {
                // res es el objeto al cual sea subscrito el observable
                // res['_body'] por lo general es algo así, pero puedes usar console.log(res) para ver que te retorna
                resolve(res);
                // err te muestra los errores
            },(err) => {
                reject(err);
                });
            });
   }



   metodoConHeaders(data){
   return new Promise((resolve, reject) => {
        let token = 'TOKEN';
        // Creas un objeto de la clase Headers de Angular
        let headers = new Headers();
        headers.append('Content-Type', 'application/json');
        headers.append('Authorization', token);
        headers.append('Content-Type', 'application/json');
        headers.append('X-CSRF-TOKEN', 'Laravel.csrfToken');
        headers.append('Access-Control-Allow-Origin', '*');
        this.http.post('http://API_ENDPOINT', JSON.stringify(data), {headers: headers})
          .subscribe(res => {
            resolve(res.json());
          }, (err) => {
            reject(err);
          });
        });
     }



}