ユーザーの役割に基づいて、単一のビュー内のサイドメニューごとに異なるコンテンツを表示する

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> 

すべてのこんにちは、私は、ユーザーの役割に基づいて、イオンアプリでサイドメニューのコンテンツにアクセスしようとしているが、ユーザーに応じてサイドメニューにアクセスするには、コントローラを書くことができませんロール、私は別のユーザーの役割の異なるサイドメニューのコンテンツを表示したい。私は、店舗などのすべてのユーザーに表示される基本的なオプションを、希望

、私達についてなど

私はまた、このような管理ユーザー、ユーザーレポートなど、など、いくつかの他のオプションを持っていると思いますそれは管理者にのみ表示されます。

Answer 1

これはイオン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>