1
resposta

pagina de perfil com erro

aparece um erro falando que não consegue ler a propriedade nome. segue o código perfil. html e .ts .html

<ion-header>

  <ion-navbar>
    <ion-title>Perfil</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
      <ion-item no-lines>
        <div class="avatar-wrapper">
        <ion-avatar>
          <img src="assets/img/avatar-padrao.jpg">
        </ion-avatar> 

        <button class="btn-tirar-foto"  ion-button icon-only round > 
          <ion-icon name="camera"></ion-icon>
        </button>
        </div>    
      </ion-item>

    <ion-card>
      <ion-item>
        <ion-icon name="contact" item-left></ion-icon>
        {{usarioLogado.nome}}
      </ion-item> 

      <ion-item>
          <ion-icon name="calendar" item-left></ion-icon>
          <p> {{usarioLogado.dataNascimento}}</p>
      </ion-item>

        <ion-item>
          <ion-icon name="at" item-left></ion-icon>
          <p> {{usarioLogado.email}} </p>
        </ion-item>

        <ion-item>
          <ion-icon name="call" item-left></ion-icon>
          <p>{{usarioLogado.telefone}}</p>
        </ion-item>

    </ion-card>

</ion-content>

perfil.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { UsuariosServiceProvider } from '../../providers/usuarios-service/usuarios-service';

@IonicPage()
@Component({
  selector: 'page-perfil',
  templateUrl: 'perfil.html',
})
export class PerfilPage {

  constructor(public navCtrl: NavController,
     public navParams: NavParams,
     private _usuariosService: UsuariosServiceProvider ) {
  }
  get usuarioLogado(){
    return this._usuariosService.obtemUsuarioLogado();
  }

}
1 resposta

Boa noite, Bruno! Como vai?

No seu HTML vc está sempre utilizando usarioLogado quando no seu TS vc definiu um método getter chamado usuarioLogado. Está faltando o u da palavra usuario.

Qualquer coisa é só falar!

Grande abraço e bons estudos!