-2

Estou criando um menu para meu aplicativo ionic 3, e me deparei com o seguinte problema: Nesse menu eu trago dados do usuario que vem do banco, esses dados eu carrego no app.component.ts, porém ele busca esses dados antes do cliente logar e da erro pq ainda não tem os dados, e quando eu tiro ele para carregar logo de cara obviamente é necessário dá um refresh no aplicativo para que os dados apareçam no menu, caso contrato fica sem os dados. Queria saber como faço para o o app.component carregar logo após o usuario fazer o login. Obrigado.

10
  • Sua pergunta é estranha, pois, se já chegou a desenvolver o app.component com consulta a banco de dados e tudo mais, logo, vc já deveria saber que precisa de um sistema de login, com geração de token e verificação no banco e tudo mais que um login necessita por ser a porta de entrada da sua aplicação.
    – LeAndrade
    Commented 19/07/2019 às 23:13
  • Quem disse que não tem ? acho que você não entendeu a questão, eu fiz o menu depois de criar tudo isso, no app.component eu dou um get nos dados do usuario logado, o problema é que isso só é possível após ele logar, e o que acontece e que ao chegar na página de login o app.component já é carregado e gera um erro na tela dizendo que o id do usuario é nulo, o que realmente é pq ele ainda não logou
    – israel
    Commented 19/07/2019 às 23:31
  • eu queria saber como chamar o app.component apenas depois do usuario efetuar o login, eu fiz um if e coloquei para carregar apenas quando o id não for nulo, o problema é que quando o usuario loga o menu vem vazio e só aparece os dados depois de dar um f5 na tela
    – israel
    Commented 19/07/2019 às 23:32
  • Certo, agora ficou mais claro, então, isso vc tem que definir criando rotas.
    – LeAndrade
    Commented 19/07/2019 às 23:41
  • Como funcionaria ? pq percebi que o app.component só é carregado quando o app é aberto ou quando da um update na página
    – israel
    Commented 19/07/2019 às 23:46

1 Resposta 1

0

Só para deixar registrado como eu fiz para reolver ..

Eu usei o Events do ionic,

Na minha primeira tela que é carregado após o login eu coloquei:

ngOnInit():void{
  this.events.publish(configHelper.Events.atualizacaoUserMenu, {});
   let user = JSON.parse(localStorage.getItem(configHelper.storageKeys.user));
   console.log('usuario Logado', user )
}

No app.component:

private checkEvent(): void{
  this.events.subscribe(configHelper.Events.atualizacaoUserMenu, ()=>{ 
    this.loadUser();
  })

Dessa forma sempre que é carregada a primeira página após o login, é feito um publish na app.component, que por sua vez faz um subscribe que carrega as informações do usuário logado para o menu.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .