Tenho um componente chamado login que quando realiza o login preenche os dados do objeto usuário, eu preciso pegar o campo "cargo" deste objeto e receber em outro componente.
Eu tentei:
login.component.ts:
public usuario: Usuario = new Usuario()
fazerLogin(email: string, password: string): void{
//função que faz o login...
this.enviaCargo(this.usuario.cargo)
}
enviaCargo(cargo: string): void{ //aqui eu envio o valor para uma função do serviço.
this.authService.setCargo(cargo);
}
auth.service.ts:
public cargo: string;
setCargo(cargo: string){
this.cargo = cargo;
}
getCargo(){
return this.cargo;
}
E então, no componente que quero este dado, eu faço:
private cargo: string;
ngOnInit() {
if (typeof this.cargo === 'undefined' || !this.cargo) {
this.cargo = this.loginService.getCargo();
}
}
Quando logo o componente recebe o cargo, porém quando recarrego a página, eu perco este dado, porque ele só é preenchido quando faz o login.
localStorage.setItem("cargo", this.loginService.getCargo()):
Ao fazer logout remove esse cara