Olá pessoal,
Tenho um component que vai até o service para obter os dados de um membro pelo id. O problema é que, após o subscribe, o membro, mesmo eu associando o resultado a minha variável membro, vem como undefined. Não sei se tenho que utilizar alguma função do Rxjs.
Segue o código:
import { OnInit, Component } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { ActivatedRoute } from "@angular/router";
import { MembroService } from "./service/membro.service";
import { Membro } from "./model/membro";
import { MatSnackBar } from "@angular/material";
@Component({
templateUrl: './altera-cadastro-membro.component.html'
})
export class AlteraCadastroMembroComponent implements OnInit {
membro: Membro;
identificacaoFormGroup: FormGroup;
constructor(private route: ActivatedRoute,
private membroService: MembroService,
private snackBar: MatSnackBar) {
}
ngOnInit() {
this.membroService.obterPor(this.route.snapshot.params.idMembro)
.subscribe(
(resposta) => {
this.membro = resposta
},
erro => {
this.snackBar.open('Erro ao recuperar os dados.', '', {
duration: 4000,
});
}
);
console.log(this.membro.nome);
}
}
Coloquei o breakpoint e essa variável membro está indefinida, mesmo os dados vindos do servidor corretamente.
Alguém tem alguma dica?
Obrigado.