angular - 如何根据 Angular 用户角色/权限管理菜单

Question

我开始了一个新的 Angular 项目，在我的应用程序中有 3 种类型的用户(管理员、客户和公司)。如何限制客户访问管理员用户菜单？

Answer 1

您可以使用 ngx-permissions图书馆。它支持延迟加载、隔离延迟加载和 else 语法。 加载库

@NgModule({

 imports: [

 NgxPermissionsModule.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})

加载 Angular 色

this.ngxRolesService.addRole('GUEST', () => {
  return true;
}); 

安全根

const appRoutes: Routes = [
{ path: 'home',
    component: HomeComponent,
    canActivate: [NgxPermissionsGuard],
    data: {
      permissions: {
        only: 'GUEST'
      }
    }
  },
];

您可以在 WIKI 上找到详细文档页