0

Tengo el siguiente servicio de angular, el cual lo quiero usar para obtener datos del backend:

pero con el servicio que tengo, se ejecuta el console console.log('MENSAJE', this.http.get(http://localhost:8080/user));

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';



import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { from } from 'rxjs';
// import { Observable} from "rxjs";

import { map } from 'rxjs/operators';
import { pipe } from 'rxjs';


@Injectable({
  providedIn: 'root'
})
export class KJService {
  constructor(private http: HttpClient) { }

  public getUsers() {
    console.log('MENSAJE', this.http.get(`http://localhost:8080/user`));
    return this.http.get(`http://localhost:8080/user`);
  }

  public getUsersSince(cont) {
  }
}

y en swagger de spring tengo este request que quiero utilizar

introducir la descripción de la imagen aquí

pero no hace peticiones, cual es la falla?

este es el app-module

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule} from "@angular/common/http";

@NgModule({
  declarations: [
    AppComponent,

  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

NO tengo errores, solo que no obtengo los datos, en el console console.log('MENSAJE', this.http.get(http://localhost:8080/user)); obtengo lo siguiente:

Observable {_isScalar: false, source: Observable, operator: MapOperator}
12
  • @JackNavaRow ahora me sale otro error
    – hubman
    Commented el 10 abr. 2019 a las 16:52
  • entonces esto te funciono? Commented el 10 abr. 2019 a las 16:53
  • si, pero sigo sin obtener los datos de backend
    – hubman
    Commented el 10 abr. 2019 a las 16:54
  • @JackNavaRow puse crossorigin y nada
    – hubman
    Commented el 10 abr. 2019 a las 16:55
  • ya eso es otra respuesta. deberias adaptar esta respiesta para dar la solucion y crear o buscar otra pregunta con tu error Commented el 10 abr. 2019 a las 16:57

1 respuesta 1

1

Yo lo hago de la siguiente forma:

En el component.ts llamo a un .ts que es el que va a tener todas las llamadas al servidor:

constructor(private service: DataService){}

 ngOnInit() {
        this.fetchData();
 }

 private fetchData() {
  this.service.fetchDataManual().subscribe(
                data => {
                    this.params = JSON.parse(JSON.stringify(data));
                    this.originalParams = JSON.parse(JSON.stringify(data));
                }, error => {
                    this.errorServer = true;
                    this.myMessage.message = "Fallo en la conexión con el servidor.";
                }
            );
 }

Y en el .ts que maneja las llamadas:

constructor(private http: HttpClient){}

fetchDataManual() {
    const url: string = "http://localhost:8090/ml/get/";
    return this.http.get<Object[]>(url);
}

Tendrás que añadirlo en el app.module.ts como proveedor de datos:

 providers: [{ provide: LOCALE_ID, useValue: 'es' }, CookieService, DataService],
 bootstrap: [AppComponent]
})

Si necesitas más información -> https://angular.io/tutorial/toh-pt6

2
  • pero con el servicio que tengo, se ejecuta el console console.log('MENSAJE', this.http.get(http://localhost:8080/user));
    – hubman
    Commented el 10 abr. 2019 a las 14:01
  • haz el console.log dentro de la respuesta success de la llamada rest
    – EduBw
    Commented el 11 abr. 2019 a las 6:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.