根据用户的角色显示的单一视图中的侧菜单不同的内容

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

您好所有，我想基于用户角色的访问离子应用侧菜单的内容，但不能写入控制器根据用户接入侧菜单角色，因为我想为不同的用户角色展示不同的侧面菜单内容。根据用户的角色显示的单一视图中的侧菜单不同的内容

在那里我要显示的基本选项的所有用户，如商店，关于我们等

我也想有其他几个选项，如管理用户，用户报告等，这将只显示给管理员。

来源

2016-08-24 Sau_Patil

这里是一个简单的引物，假设这是离子1. 请注意安全性在这里被忽略。

您需要从服务器获取用户对象。假设用户对象返回这个样子的：

{ 
name: "John Doe", 
email: "[email protected]" 
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>

来源

2016-08-24 20:58:11 Orane

根据用户的角色显示的单一视图中的侧菜单不同的内容

回答

相关问题