Different instances of Ability in root and lazy loaded module

I’m using with angular and i’ve just upgraded the version of the package and it stopped working. @casl/ability: 2.4.2 -> 2.5.1 @casl/angular: 0.3.1 -> 0.4.1 When i downgraded back to the previous version it worked again. I’m trying to find if there is any breaking change between these versions but I did not find anything related. Below is a part of my code:

// defining the rules
import { AbilityBuilder, Ability } from '@casl/ability';
constructor(private ability: Ability) {}
rules() {
  const { rules, can } = AbilityBuilder.extract();
  can('create', 'customer');
  can('delete', 'customer');
  this.ability.update(rules);
}

// app.module.ts
import { NgModule } from '@angular/core'
import { AbilityModule } from '@casl/angular'
// ...

@NgModule({
  imports: [
    ...,
    AbilityModule
  ],
  declarations: [...],
  bootstrap: [...],
})
export class AppModule {}

<button mat-raised-button color="primary" class="add-button" (click)="addCustomer()" *ngIf="'customer' | can: 'create'">
  <mat-icon>add</mat-icon>
  {{ 'shared.addCustomer' | translate }}
</button>

[stalniy]

I see. The issue with lazy loaded modules fixed in @casl/angular@1.0.0. You need to use AbilityModule.forRoot() in the main module (AppModule) and AbilityModule in lazy loaded or child modules.

I added a note about this in README for @casl/angular

[stalniy]

Thanks for the issue!