How to access Httperrorresponse data (error.Message) by Angular 2 (7)?

Question

Code Component.ts

delete(i: number) {
    this.formConcluido = false;
    this.formConcluidoErro = false;
    this.cidadeDeletar = this.cidades[i];
    this.cidadeDeletarId = this.cidadeDeletar.Id;
    this.cadastroCidadeService
      .DeleteCidade(this.cidadeDeletarId)
      .subscribe(res => {
        console.log('success', res);
        this.resposta = "Cidade Deletada com Sucesso";
        this.formConcluido = true;
        this.ngOnInit();
      },
        error => {
          console.log('error', error);
          this.resp = error.Mensagem;
          this.formConcluidoErro = true;
          console.log(error.Mensagem);
        });
  }

error => {
          console.log('error', error);
          this.resp = error.Mensagem;
          this.formConcluidoErro = true;
          console.log(error.Mensagem);
        });

console.log(error. Message); (is coming - Undefined)

console.log('error', error); (is coming with the values.)

How can I access the Message field, to return to the user.?

/* --------------------------------------------------------------------- */

REPLY:

error => {
          console.log('error', error);
          this.resp = error.error.Mensagem;
          this.formConcluidoErro = true;
          console.log(error.Mensagem);
        }

Answer 1

the variable error of the "console.log('error', error);" is an object, so there are several other objects within the variable error.

so if you access error.error Voce consequent accessing the objects that comes within this variable.

if Voce accesses the variable error.error. Voce message will have the string that is inside.