Angular official docs are very confusing

[micobarac]

Angular official docs are very confusing.

You are showing the usage for deprecated AblePipe, AblePurePipe, but there's no an explained way to replace them with new classes and interfaces!

import { PureAbility, AbilityBuilder } from '@casl/ability';
import { Injectable } from '@angular/core';

@Injectable({ provideIn: 'root' })
export class Session {
  private token: string

  constructor(@Inject(PureAbility) private ability: MongoAbility) {}

  login(details) {
    const params = { method: 'POST', body: JSON.stringify(details) };
    return fetch('path/to/api/login', params)
      .then(response => response.json())
      .then((session) => {
        this.updateAbility(session.user);
        this.token = session.token;
      });
  }

  private updateAbility(user) {
    const { can, rules } = new AbilityBuilder(createMongoAbility);

    if (user.role === 'admin') {
      can('manage', 'all');
    } else {
      can('read', 'all');
    }

    this.ability.update(rules);
  }

  logout() {
    this.token = null;
    this.ability.update([]);
  }
}

How do you rewrite this without deprecated classes???

[stalniy]

In this example there are no deprecated classes

[micobarac]

This package allows to integrate @casl/ability with Angular application. It provides deprecated AblePipe, AblePurePipe and new AbilityService and AbilityServiceSignal to Angular templates, so you can show or hide components, buttons, etc based on user ability to see them.

[micobarac]

OK, the example doesn't have the deprecated classes. That's true.

[micobarac]

I need a way to create rules passed from backend, in the format:

[
    {
        "action": "manage",
        "subject": "all"
    }
]

[stalniy]

Just pass this array to createMongoAbility

you can find this in examples

[stalniy]

This deprecated pipes will be there until people completely migrate to signals.

I do not recommend to use them in new apps. Better to rely on rxjs and OnPush change detection