📖 Implementation

First step after installing is add the next properties at: environment.ts.

1export const environment = {
2  production: false,
3  server: {rbacServer},
4  group: {rbacGroupId},
5  code: {rbacApplicationId}
6};

Then, you have to add NgxRbacAdapterModule into imports of app.module.ts, and instance forRoot() method with enviroments values:

1import { NgModule } from '@angular/core';
2import { AppComponent } from './app.component';
3
4import { environment } from '../environments/environment';
5
6import { NgxRbacAdapterModule } from 'ngx-rbac-adapter';
7
8@NgModule({
9  declarations: [
10    AppComponent
11  ],
12  imports: [
13    NgxRbacAdapterModule.forRoot({
14        server: environment.server,
15        group: environment.group,
16        code: environment.code,
17    })
18  ],
19  providers: [],
20  bootstrap: [AppComponent]
21})
22export class AppModule { }

For the last, you have to call fetchRoles({email}) method of NgxRbacAdapterService, when you log in the application:

Example of login method

1
2...
3
4public constructor(
5    private login: LoginService,
6    private _rbacService: NgxRbacAdapterService
7) { }
8
9public login(): void {
10    this._authService.login().subscribe({
11        next: (data: any): void => {
12            this._rbacService.fetchRoles({email: 'theUserLogEmail@email.com'}).subscribe();
13        }
14        error: (error: any): void => { console.log('Error while logging in...'); }
15        complete: (): void => { console.log('Login completed!'); }
16    });
17}
18...
19

🔥 Usage

You simply have to protect de route with NgxRbacAdapterGuard using canActivate and canLoad, and add the code at data: {} route:

1import { NgxRbacAdapterGuard } from 'ngx-rbac-adapter';
2...
3    { 
4        path: 'home', 
5        component: HomeComponent, 
6        canActivate: [NgxRbacAdapterGuard], 
7        canLoad: [NgxRbacAdapterGuard], 
8        data: { code: 'function-code' } 
9    },