Как отображать несколько меню на основе условий

Question

Я: Beginner ионному 2

Ниже мой HTML код, который я использую для того, чтобы боковое меню с помощью ионной рамки

<ion-content> 
<ion-list *ngIf="!isUserLoggedIn()"> 
     <button menuClose ion-item *ngFor="let p of loginPages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
    </ion-list> 
    <ion-list *ngIf="isUserLoggedIn()"> 
     <button menuClose ion-item *ngFor="let p of logoutpages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
    </ion-list> 
    </ion-content> 

Это мое приложение компонент

currentuser; 
    @ViewChild(Nav) nav: Nav; 
    auth:any; 
    rootPage: any = LoginPage; 
    loginPages:PageInterface[]=[ 
     { title: 'Login', component: LoginPage } 
    ]; 

    logoutpages :PageInterface[] = [ 

     { title: 'My Complaints', component: MycomplaintsPage }, 
     { title:'My Neighbours',component:NeighboursPage}, 
     { title:'Notifications',component:NotificationsPage}, 
     { title:'Directory',component:TabsPage}, 
     { title:'chat',component:ChatlistPage}, 
     { title:'Events',component:EventPage},  
     { title:'settings',component:SettingsPage}, 
     { title: 'LogOut',component:LoginPage,logsOut:true } 

    ]; 
isUserLoggedIn(): boolean { 
    let user = this.authservice.getcurrentuser(); 
return user !== null; 

    } 

уже отображает logoutpages на основе isUserLoggedIn. я нужен отображение другого меню, основанное на UserRole с условиями

Просит посоветовать мне, спасибо & пожеланий

Answer 1

Можно дать идентификатор меню и включить или отключить меню, основанное на вашем состоянии. https://github.com/driftyco/ionic/tree/master/demos/src/menu

menu.enable(true/false, #menu);