Question

当我使用：p在我的应用程序组件的我的项目中添加角色时

this._ngxRolesService.addRole('ADMIN', () => {
     return true;
});

，然后在我的页面视图中：

<div *ngxPermissionsOnly="['ADMIN']" fxLayout="column" fxLayoutAlign="end start" fxLayout.gt-xs="row" fxFlex="30">
      <button mat-raised-button class="mat-accent" (click)="newAdd()">
                        Add
      </button>
</div>

该按钮没有出现。当我选择时

 <div *ngxPermissionsExept="['ADMIN']" fxLayout="column" fxLayoutAlign="end start" fxLayout.gt-xs="row" fxFlex="30">
      <button mat-raised-button class="mat-accent" (click)="newAdd()">
                        Add
      </button>
</div>

出现按钮。...我已通过ADMIN帐户进行身份验证，角色是：ADMIN。

有人可以帮我吗？我想我不明白如何使用ngx权限在Angular中定义角色。

Answer 1

问题排查

只需执行以下检查-

1。您已将NgxPermissionsModule中的AppModule导入

NgxPermissionsModule.forRoot()

2。别忘了加载权限。

this.permissionsService.loadPermissions(['ADMIN'])

注意：您也可以从异步调用中获得这些角色。

您可以参考此示例工作演示-https://plnkr.co/edit/n6Wa6hXg0JzI6e050wBt?p=preview

如何使用ngxPermissions定义角色

1 个答案:

问题排查