0

Trato de mostrar mi Objeto desde un servicio GET pero únicamente puedo ver [Object][object].

Service:

return this.http.get('http://localhost:3000/words').map((res: Response) => res.json());

Controller:

export class WordsComponent implements OnInit {
  words: Word[];
  private _productService;

    constructor(servicio : WordsService, public http: HttpClient) {
      this._productService = servicio;
      this.words = this._productService.getWords();

      console.log("Ver words " + JSON.stringify(this._productService.getWords()));


    }

     ngOnInit(): void {}

JSON:

[
  {
    "id": 1,
    "name": "test",
    "translate": "prueba",
    "created_at": "2018-06-10T21:15:06.000Z",
    "updated_at": "2018-06-10T21:15:06.000Z"
  },
  {
    "id": 2,
    "name": "test-one",
    "translate": "prueba-uno",
    "created_at": "2018-06-10T21:15:22.000Z",
    "updated_at": "2018-06-10T21:15:22.000Z"
  }]

1 respuesta 1

1

Estás confundiendo conceptos:

this.words = this._productService.getWords();

El atributo words no guarda el resultado de la llamada AJAX, sino un observable. Tienes que suscribirte al observable para obtener el resultado:

this.words : Observable<Words[]> = this._productService.getWords();
this.words.subscribe(data: Words[] => {
  console.log("Ver words " + JSON.stringify(data));
  //llamar a funciones que trabajen con los datos
}

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.