Necesito mostrar elementos del menú lateral según el rol del usuario. entonces miro en app.html si la página muestra los items correspondientes al rol. pero no muestra elementos en el menú lateral justo después de iniciar sesión, pero después de actualizar la aplicación con el botón Refesh del navegador muestra los elementos correctos como debería. Supongo que el problema es Ionic: ¿Cómo puedo actualizar la aplicación para que aparezcan nuevos elementos de menú?
Cada vez que inicio sesión con otro usuario / rol, muestra el menú de acuerdo con el usuario / rol anterior.
app.component.ts
if (this.userData.roles["0"]["name"] == "bikeuser") {
this.pages = [
{ title: "Mi perfil", icon: 'contact', component: ProfilePage },
{ title: "Solicitar", icon: 'bicycle', component: RequestAngelPage },
{ title: "Seguimiento", icon: 'photos', component: TrackingCardPage },
{ title: "Terminados", icon: 'close-circle', component: RequestFinishBikeuserPage }
];
else if (this.userData.roles["0"]["name"] == "Biciangel") {
this.pages = [
{ title: "Mi perfil", icon: 'contact', component: ProfilePage },
{ title: "Sin asignar", icon: 'body', component: UnassignedRequestsPage },
{ title: "Asignadas", icon: 'people', component: RequestsPage },
{ title: "Terminados", icon: 'close-circle', component: RequestFinishedPage }
];
}
app.html
<button ion-item detail-none *ngFor="let page of pages" (click)="openPage(page)">
<ion-icon *ngIf="page.icon" name="{{page.icon}}" item-left></ion-icon>
{{page.title}}
</button>
Es decir si inicio sesion no muestra Mi perfil. Pero al darle actualizar al navegador si muestra el item mi perfil y los demas items. Por favor una explicacion acorde a lo que acabe de colocar porque he buscado en internet y no encuentro algo sobre esto