Estoy intentando hacer una conexión de Angularjs2 con el servidor pero no he podido, voy a colocar el código de mi archivo "app.ccomponent.ts" para dar mayor explicación:
import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import { Http } from '@angular/http';
import { map } from 'rxjs/operator/map';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = "Http";
datos = Object;
constructor(private http: Http){}
ngOnInit(): void {
this.http.get('http://localhost:4200/items.php').map((res: Response) => res.json())
.subscribe(
res => this.datos = res,
err => console.error(err),
() => console.log('Funciona!')
);
}
}
El provider del servicio Http lo inyecto en el modulo principal, por eso no aparece el provider en este archivo.
En el punto donde aparece el operador "map" tengo muchos problemas, si dejo el parámetro tal cual con sus paréntesis (res: Response) me lanza el siguiente error:
[ts] Argument of type '(res: Response) => Promise' is not assignable to parameter of type '(value: Response, index: number) => Promise'. Types of parameters 'res' and 'value' are incompatible. Type 'Response' is not assignable to type 'Response'. Two different types with this name exist, but they are unrelated. Property 'body' is missing in type 'Response'.
Si quito los parentesis y lo dejo como res: Response .. entonces lanza el siguiente error:
[ts] Cannot find name 'res'. any
Si quito el tipo "Response" como tipo de parámetro y le coloco "any" como valor o simplemente le quito el tipo de parámetro pues me deja compilar pero en la corrida me da errores. Estoy corriendo la app con "ng serve", se nota en el parámetro que le paso a la función "get".
Mi archivo items.php es el siguiente:
<?php
// Conectar a MySQL y obtener los valores deseados..
// En este ejemplo se asume que ya tenemos los datos en un array
$json = array(
'campo1' => 'Jose',
'campo2' => 'Miguel',
'campo3' => 'Cabrera'
);
//Enviar headers y el JSON como respuesta
header('Content-Type: application/json');
header('Content-Type: text/html; charset=utf-8');
echo json_encode($json);
?>
Mi código ha cambiado mucho, es decir he intentado distintas maneras de conectarme al servidor y no he podido, específicamente también he seguido los ejemplos de estas dos paginas:
traer informacion de la base de datos con angular 2
Pagina de Alberto Basalo, academia-binaria.com
Ninguno de los ejemplos me funciona, no se que estoy haciendo mal. No he podido establecer una conexión exitosa entre angulajs2 y el servidor.
import 'rxjs/add/operator/map';
?datos = Object
?datos = Object
solo lo puse por buscar una alternativa, estoy aprendiendo Angularjs, igual podria colocarany
y me dara el mismo resultado.