3

No código abaixo, a variável data esta me retornando undefined, agora se eu colocar console.log(this.data); dentro de subscribe me retorna com o valor correto.

import { Component, OnInit } from '@angular/core';
import {Http} from '@angular/http';

@Component({
  selector: 'app-aniversario',
  templateUrl: './aniversario.component.html',
  styleUrls: ['./aniversario.component.css']
})
export class AniversarioComponent implements OnInit {

  data: any;
  constructor(private http: Http) {

  }

  ngOnInit() {
   this.http.get('assets/aniversarios.json').subscribe(res => {
     this.data = res.json();
   });
   console.log(this.data);
  }
}

Como eu posso pegar o valor de res que está no subscribe ?

3
  • 1
    talvez esse problema está relacionado com o objeto que o this está referenciando em cada função e não com os callbacks, como sugere a duplicada. caso seja isso: antes do ngOnInit() coloca var self = this; e trabalha dentro do subscribe com self ao inves do this.
    – guijob
    Commented 7/07/2017 às 13:46
  • 2
    Acho que você esta se confundido. O método subscribe faz parte da classe Observable que trabalham com chamadas assíncronas. Acredito que você estava obtendo undefined pois estava chamando o console.log antes do valor ser retornado pelo subscribe. O que posso recomendar é que leia este material e tente compreender como funcionam as chamadas assíncronas com os Observables.
    – Carlinhos
    Commented 10/07/2017 às 16:50
  • 1
    Exatamente isto que o @Carlinhos falou, subscribe trabalha com chamadas assíncronas, neste caso o console está logando antes mesmo de a resposta ser devolvida e jogada para a variável data. Não é porque está undefined no momento do console.log que os dados não estão ali, mas sim que naquele momento não estavam disponíveis. Se você implementar uma interface verá que data recebe os valores posteriormente ao carregamento. Commented 4/11/2018 às 0:38

0

Pesquise outras perguntas com a tag .