Role Based Component

``

I’m submitting a…

Current behavior

Hi Alex,

I am happy to use your library in project! Could you help me please with one question?

<myComponent  *ngxPermissionsOnly="'ADMIN'; authorisedStrategy: disabledFunc; unauthorisedStrategy: enableFunc">
         </myComponent>

 public disabledFunc(templateRef: TemplateRef<any>) {
            // I want the button in the component to disable. What should I do？
        }

@Component({
 selector: 'myComponent',
template: `
        <h2>{{title}}</h2>
        <button> <div>123</div></button>
`} 

I want the button in the component to disable. What should I do？

[cubet-rahul]

@AlexKhymenko I have three roles: ADMIN, MANAGER, and USER. Each roles has a set of permissions. So I am setting three roles with their permissions like below and I want to display the link only if the ADMIN or MANAGER logged in. How can I implement that in angular 6?
NgxRolesService .addRoles({ ‘USER’: [‘canReadInvoices’], ‘ADMIN’: [‘canReadInvoices’, ‘canEditInvoices’, ‘canUploadImages’], ‘MANAGER’: [‘canEditInvoices’], }); <a *ngxPermissionsOnly=“[‘canEditInvoices’]” href=“#” data-toggle=“modal” (click)=“edit(id)”>Edit

I cannot see any example which shows how set permission based on a role. Please help.

[yd021976]

Hi, if I can help :

• If you use “roles”, then use in your template the role name to check permissions e.g, according to the @cubet-rahul code sample: <a *ngxPermissionsOnly="['ADMIN']" href="#" data-toggle="modal"></a> This will allow “ADMIN” role only, but all permissions of ADMIN role

• If you use “permissions”, then use “permission name” in your template e.g, according to the @cubet-rahul code sample: <a *ngxPermissionsOnly="['canEditInvoices']" href="#" data-toggle="modal"></a> this will allow users that have “canEditInvoices”, no matter of their roles

In addition, if this doesn’t fit your needs, you can provide a validation function when defining role and/or permission. Example: NgxRolesService.addRole('ADMIN",()=>{ check whatever you want and return boolean })

Hope it helps