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

Question

belongs_to_many

Hello All，我正在尝试根据用户角色访问离子应用程序中的侧边菜单内容但无法根据用户角色编写控制器来访问侧边菜单，因为我想为不同的用户角色显示不同的侧边菜单内容。 / p>

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

我还想提供其他几个选项，例如管理用户，用户报告等，这些选项只会显示给管理员。

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>