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.
-
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.– LeAndradeCommented 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– israelCommented 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– israelCommented 19/07/2019 às 23:32
-
Certo, agora ficou mais claro, então, isso vc tem que definir criando rotas.– LeAndradeCommented 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– israelCommented 19/07/2019 às 23:46
|
Mostrar mais 5 comentários
1 Resposta
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.