3

Quiero pintar en un CARD los datos del usuario logueado

FUNCION PARA OBTENER TOKEN

export class Page1Component implements OnInit {

 constructor(private router: Router , private service : UserService ,) { }

 ngOnInit() {
  var User = JSON.parse(localStorage.getItem('Token'));
  console.log(User);

  }

Y Aqui es donde quiero que me pinte

<div class="card m-5" style="width: 18rem" >

  <div class="card-body">
    <span>{{User.usuarioID}}</span>
      </div>
</div>

3
  • desde la variable token puedes acceder a usuarioId y las demas propiedades no?
    – dani t
    Commented el 28 ago. 2019 a las 17:22
  • Si bro desde esa variable puedo obtener todo, pero necesito pintarlo en el card Commented el 28 ago. 2019 a las 18:09
  • crea en el ts una variable global al ts , llamala en el html y en el ngOninit l4 asiganas JSON.parse(localStorage.getItem('Token')); a la variable
    – dani t
    Commented el 28 ago. 2019 a las 18:13

2 respuestas 2

1

en angular, en tu componente actual crea una variable llamada User

var User = JSON.parse(localStorage.getItem('Token'));

ahora ya tienes la variable User que puedes usar en el html

tal como esta en tu ejemplo

<span>{{User.usuarioID}}</span>
7
  • Pero debo colocar algo como ngif o ngfor ?= Commented el 28 ago. 2019 a las 18:32
  • por estandar no es mejor llamar a la variable con un nombre en minuscula?
    – dani t
    Commented el 28 ago. 2019 a las 18:35
  • @KristianEspitia puedes poner el codigo del ts y el html ?
    – dani t
    Commented el 28 ago. 2019 a las 18:38
  • Ya edite el codigo Esta el TS y el html Commented el 28 ago. 2019 a las 18:40
  • 1
    @KristianEspitia tienes que declarar user afuera del metodo ngOninit , public user; y en el ngOninit this.user = JSON.parse(localStorage.getItem('Token'));
    – dani t
    Commented el 28 ago. 2019 a las 18:41
0

Cambia a esto:

export class FormularioReactivoComponent implements OnInit {
user: any;
constructor() { }
ngOnInit() {
this.user = JSON.parse(localStorage.getItem('Token'));
}
}

Sucede que estas creando una variable con "var" dentro del ngOnInit por lo que al resolverse este ciclo de vida tu variable desaparece. Necesitas crear una variable para toda la clase y esta es la que va poder mostrarse en el HTML.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.