Problemas en angular/ionic
Publicado por Julián (9 intervenciones) el 15/07/2018 04:59:31
Qué tal, muy buenas noches, espero que estén bien, les comento mi situación...
Me estoy metiendo en lo que es Angular, Ionic y Typescript, y mi objetivo es utilizar la dependencia HTTP para tratar un archivo PHP. Estuve viendo varios tutoriales, de todo tipo, hasta que combiné dos diferentes,
el primero era para conectar angular con php, y que en el archivo php se genere una consulta SQL que proporcione una cantidad de información en formato JSON. Este es mi PHP:
El segundo video que vi, fue el de conectar Angular, mediante HttpClient, hacia la pagina de "https://jsonplaceholder.typicode.com/posts".
Éste último me funcionó, pero a cada rato me tiraba un error:
RARO, ya que en mi App.Module.ts tengo cargado
y también importado:
Es raro, en cuanto a que me funcionó una vez, pero luego no, después me funcionó devuelta, y otra vez fallo, y hasta ahora viene fallando todo el tiempo...
Mi código home.ts:
Ojala me puedan ayudar... Muchas gracias de antemano! Saludos.
Me estoy metiendo en lo que es Angular, Ionic y Typescript, y mi objetivo es utilizar la dependencia HTTP para tratar un archivo PHP. Estuve viendo varios tutoriales, de todo tipo, hasta que combiné dos diferentes,
el primero era para conectar angular con php, y que en el archivo php se genere una consulta SQL que proporcione una cantidad de información en formato JSON. Este es mi PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
header("Access-Control-Allow-Origin: *");
header('Content-Type: text/html; charset=utf-8');
$dns = "mysql:host=localhost;dbname=aula";
$user = "root";
$pass = "123";
try {$con = new PDO($dns, $user, $pass);
if(!$con){
echo "No se puede conectar a la base de datos"; }$query = $con->prepare('SELECT id, nombre,apellido, mail, contrasena, carrera FROM alumnos');
$query->execute();
$registros = "[";
while($result = $query->fetch()){
if ($registros != "[") {
$registros .= ",";
}$registros .= '{"id": "'.$result["id"].'",';
$registros .= '"nombre": "'.$result["nombre"].'",';
$registros .= '"apellido": "'.$result["apellido"].'",';
$registros .= '"mail": "'.$result["mail"].'",';
$registros .= '"contrasena": "'.$result["contrasena"].'",';
$registros .= '"carrera": "'.$result["carrera"].'"}';
}$registros .= "]";
// echo json_encode($registros);
$file = fopen("intento.json", "w");
fwrite($file, $registros. PHP_EOL);
fclose($file);
echo $registros;
} catch (Exception $e) {
echo "Erro: ". $e->getMessage();
}; ?>
Éste último me funcionó, pero a cada rato me tiraba un error:
1
Error: Unexpected value 'HttpClient' imported by the module 'AppModule'. Please add a @NgModule annotation.
1
import { HttpClient, HttpClientModule} from '@angular/common/http';
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@NgModule({
declarations: [
MyApp, HomePage,HttpClient
],
imports: [
BrowserModule, HttpClient,IonicModule.forRoot(MyApp),
HttpClientModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,HomePage
],
providers: [
StatusBar, SplashScreen,{provide: ErrorHandler, useClass: IonicErrorHandler}
]})
Mi código home.ts:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HttpClient } from '@angular/common/http';
import {Observable} from 'rxjs/observable'
@Component({
selector: 'page-home',
templateUrl: 'home.html',
})
export class HomePage {public devuelto:any;constructor(public navCtrl: NavController, public http: HttpClient) {
this.cargarDatos();
}cargarDatos(){
let data:Observable<any>
data = this.http.get('http://localhost/Curso%20Angular/ionic/primero/src/pages/home/intento.php');
data.subscribe(resultado =>{
this.devuelto = resultado;
})
} }Valora esta pregunta
0