如何隐藏ionic-conference-app中的一个loggedInPages项？

Question

我需要隐藏Ionic Conference App

中的一个loggedInPages项目

例如我有一个管理页面。当用户登录应用程序时，如果用户的角色是admin，则用户可以在loggedInPages中看到管理页面链接。

loggedInPages: PageInterface[] = [
    { title: 'Account', name: 'AccountPage', component: AccountPage, icon: 'person' },
    { title: 'Support', name: 'SupportPage', component: SupportPage, icon: 'help' },
    { title: 'Logout', name: 'TabsPage', component: TabsPage, icon: 'log-out', logsOut: true },
    { title: 'Admin', name: 'Admin', component: AdminPage, icon: 'unlock'}
  ];

<ion-list>
        <ion-list-header>
          Account
        </ion-list-header>
        <button ion-item menuClose *ngFor="let p of loggedInPages" (click)="openPage(p)">
          <ion-icon item-start [name]="p.icon" [color]="isActive(p)"></ion-icon>
          {{p.title}}
        </button>
      </ion-list>

Answer 1

您可以创建一个类似于getLoggedInPagesAsPerUserRole（）的函数，而不是像在ngFor循环中那样使用loggedInPages字段，该函数将根据登录用户的角色仅返回页面。