版本
语言

权限管理

权限是为特定用户,角色或客户端授予或禁止的简单策略. 你可以在ABP授权文档中阅读更多信息.

你可以使用 ConfigStategetGrantedPolicy 选择器获取经过身份验证的用户的权限.

你可以获取权限的布尔值:

import { Store } from '@ngxs/store';
import { ConfigState } from '@abp/ng.core';

export class YourComponent {
  constructor(private store: Store) {}

  ngOnInit(): void {
    const canCreate = this.store.selectSnapshot(ConfigState.getGrantedPolicy('AbpIdentity.Roles.Create'));
  }

  // ...
}

或者你可以通过 ConfigStateService 获取它:

import { ConfigStateService } from '@abp/ng.core';

export class YourComponent {
  constructor(private configStateService: ConfigStateService) {}

  ngOnInit(): void {
    const canCreate = this.configStateService.getGrantedPolicy('AbpIdentity.Roles.Create');
  }

  // ...
}

权限指令

你可以使用 PermissionDirective 来根据用户的权限控制DOM元素是否可见.

<div *abpPermission="'AbpIdentity.Roles'">
  仅当用户具有`AbpIdentity.Roles`权限时,此内容才可见.
</div>

如上所示,你可以使用 abpPermission 结构指令从DOM中删除元素.

该指令也可以用作属性指令,但是我们建议你将其用作结构指令.

权限守卫

如果你想要在导航过程中控制经过身份验证的用户对路由的访问权限,可以使用 permissionGuard.

  • 从@abp/ng.core导入permissionGuard.
  • 添加 canActivate: [permissionGuard] 到你的路由对象.
  • 添加 requiredPolicy 到路由模块路由的 data 属性.
import { permissionGuard } from '@abp/ng.core';
// ...
const routes: Routes = [
  {
    path: 'path',
    component: YourComponent,
    canActivate: [permissionGuard],
    data: {
        requiredPolicy: 'YourProjectName.YourComponent', // policy key for your component
    },
  },
];

授予的策略存储在 ConfigStateauth 属性中.

下一步是什么?

本页对您有帮助吗?
请进行选择。
感谢您的宝贵意见!

请注意,虽然我们无法回复反馈意见,但我们的团队会根据您的意见改进体验。

在本文档中
Mastering ABP Framework Book
掌握 ABP 框架

本书将帮助你全面了解框架和现代Web应用程序开发技术。