根據用戶的角色顯示的單一視圖中的側菜單不同的內容

<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

根據用戶的角色顯示的單一視圖中的側菜單不同的內容

回答

相關問題