根据用户角色在单个视图中显示不同的侧边菜单内容答案

【问题标题】：Displaying different content for side menu within a single view based on User's Role根据用户角色在单个视图中显示不同的侧边菜单内容
【发布时间】：2016-08-25 04:58:11
【问题描述】：

<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>

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

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

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

【问题讨论】：

标签： javascript angularjs ionic-framework

【解决方案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>

【讨论】：