Estoy intentado realizar un metodo GET lo cual obtiene la informacion del usuario logueado , lo que quiero realizar es una pantalla donde va a mostrar la informacion del usuario . El metodo Get sale 200 funcionando y trae los datos desde el console pero al momento de pasarlo por el html no muestra los datos
home.html
<div class="card m-5" style="width: 18erm" *ngIf="UsuarioLoguedo">
<ul class="list-group">
<li class="list-group-item"> <strong>usuario : </strong> {{UsuarioLoguedo.usuario}}</li>
<li class="list-group-item"> <strong>cargo : </strong> {{UsuarioLoguedo.cargo}}</li>
</ul>
home.componente
export class Page1Component implements OnInit {
UsuarioLoguedo : any ;
constructor(private router: Router , private service : UserService) { }
ngOnInit() {
this.service.getuser().subscribe(
res => {
this.UsuarioLoguedo = res ;
},
err => {
console.log(err);
},
);
}
}
Usuario.Service
getuser() : Observable<any> {
var token = JSON.parse(localStorage.getItem('Token'));
let header = new HttpHeaders()
.set('Accept' , 'application/json')
.set('Token' , token.token);
return this.http.get(this.rootUrl + '/usuario', {headers : header}).pipe(map( data =>{
console.log("Token", data);
return data;
}) );;
}