Estou desenvolvendo uma aplicação em angular 6 e estou tendo um problema quando eu faco o Subscribe no método que retorna um único objeto na requisição HTTP.
Por exemplo, fazendo esta requisição pelo meu componente:
ngOnInit() {
const empresaId = this.route.snapshot.params['empresaId']
this.empresaService.getEmpresa(empresaId).subscribe(resp => this.empresa = resp)
console.log(this.empresa)
}
O meu objeto empresa fica undefined
, porém se eu coloco um console log dentro do subscribe estou retornando meu json normalmente
Observei um detalhe. Caso eu crie um método tipo:
obterEmpresa() {
const empresaId = this.route.snapshot.params['empresaId']
this.empresaService.getEmpresa(empresaId).subscribe(resp => this.empresa = resp)
console.log(this.empresa)
}
E coloco este método no evento do botão, no primeiro clique retorna undefined
. Porém, no segundo clique o objeto é preenchido normalmente com a resposta.
Este problema estou tendo somente quando o retorno é um único objeto. Quando é um array, funciona normalmente.
Caso precise do meu método do service, aí está ele:
getEmpresa(id: number): Observable<Empresa> {
return this.http.get<Empresa>(`${URI}/empresa/${id}`)
}