Resulta que estoy trabajando en un login con Angular y AWS authentication y cognito, luego de loguearse se redirige a un Home con un navbar,. Mi problema es que quiero capturar el nombre de usuario logueado y mostrarlo en el navbar. Lo intenté hacer capturando el nombre de usuario en una variable y mostrandolo en mi template de navbar, pero al momento de recargar la página desaparece el nombre del usuario y me muestra 'Undefined', aquí les dejo mi código :
Este es mi servicio donde capturo el usuario al hacer un logueo exitoso
signIn(username, password) {
Auth.signIn(username, password).then(data => {
if (data) {
this.router.navigate(['/home']);
this.cognitoUser = data.username;
console.log(data);
}
})
}
Este es el controlador del navbar es donde lo capturo en una variable para luego mostrarlo:
constructor(private breakpointObserver: BreakpointObserver,
private router: Router,
private logs: LoginService) {
user = this.logs.cognitoUser;
}
Este es mi template donde intento mostrar la variable en navbar:
<mat-sidenav-content>
<mat-toolbar color="light">
<button type="button" mat-button (click)="drawer.toggle()">
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
</button>
<span class="col text-right">{{user}}</span>
</mat-toolbar>