javascript - 根据用户角色在单个 View 中显示侧面菜单的不同内容

Question

<ion-side-menus>
  <ion-side-menu side="left">
    <ion-content>
     <ion-list>
       <ion-item ng-if="Admin">
          Admin Side Menu
       </ion-item>
       <ion-item ng-if="!Admin">
          Guest
       </ion-item>
       <ion-item href='#/app/store'>
         Store
       </ion-item>
       <ion-item href='#/app/store'>
         About Us
       </ion-item>

       <!-- Admin Side Menu -->
         <ion-item ng-if="Admin" href='#/app/progres'> 
           Progress Tracker</ion-item>
         <ion-item ng-if="Admin" href='#/app/settings'> 
           Settings </ion-item>
         <ion-item ng-if="Admin" href='#/app/user'> 
           Manage Users </ion-item>
         <ion-item ng-if="Admin" href='#/app/report'> 
           Report</ion-item>
         <ion-item ng-if="Admin" href='#/app/logout'>
           Logout</ion-item>

       <!-- Guest Side Menu -->
         <ion-item ng-if="!Admin" href='#/app/guestsettings'>
           Settings</ion-item>
         <ion-item ng-if="!Admin" href='#/app/gusetreport'> 
           Report</ion-item>
         <ion-item ng-if="!Admin" href='#/app/guestlogout'> 
           Logout</ion-item>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

大家好，我正在尝试根据用户 Angular 色访问 ionic 应用程序中的侧面菜单内容，但无法编写 Controller 来根据用户 Angular 色访问侧面菜单，因为我想为不同的用户 Angular 色显示不同的侧面菜单内容。

我希望向所有用户显示基本选项，例如商店、关于我们等。

我还希望有几个其他选项，例如管理用户、用户报告等，这些选项仅向管理员显示。

Answer 1

这是一个简单的入门知识，假设这是 Ionic 1。 请注意，此处忽略了安全性。

您需要从服务器获取用户对象。假设返回的用户对象如下所示:

{
 name: "John Doe",
 email: "jdoe@example.com"
 role: "Admin"
}

您需要将其附加到范围:

$http({
  method: 'POST',
  url: '/authenticate'
 }).then(function successCallback(response) {

  $scope.user = response.data;
});

然后在html模板中:

<ion-item ng-if="user.role == Admin" href='#/app/progres'> 
       Progress Tracker</ion-item>