angular5 - 基于Angular 5角色的路由

我有一个网站，其主页在我的路由模块中定义为:

const appRoutes: Routes = [
{
  path: '',
  component: HomeComponent
}];

现在，我想为管理员用户显示一个不同的主页(一个“仪表盘”页面)。
我可以根据用户角色更改调用的“组件”吗？

用伪代码类似:

const appRoutes: Routes = [
{
  path: '',
  IF UserRole = 'Admin'
     component: DashboardComponent
  ELSE
     component: HomeComponent
}];

最佳答案

为此，有一个名为“Angular Guards Route https://medium.com/@ryanchenkie_40935/angular-authentication-using-route-guards-bf7a4ca13ae3”的东西

关于angular5 - 基于Angular 5角色的路由，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49922264/