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 ?
subscribe
faz parte da classeObservable
que trabalham com chamadas assíncronas. Acredito que você estava obtendoundefined
pois estava chamando oconsole.log
antes do valor ser retornado pelosubscribe
. O que posso recomendar é que leia este material e tente compreender como funcionam as chamadas assíncronas com osObservables
.subscribe
trabalha com chamadas assíncronas, neste caso o console está logando antes mesmo de a resposta ser devolvida e jogada para a variáveldata
. Não é porque estáundefined
no momento doconsole.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.