title: Angular 8 - How to authorize permissions instead of roles with ngx-permissions?
body: <p>I'm using ngx-permissions (<a href="https://www.npmjs.com/package/ngx-permissions" rel="nofollow noreferrer">https://www.npmjs.com/package/ngx-permissions</a>) in a project so that I can manage users permissions on my application.</p>
  
  <p>As far as I can see, we can authorize roles in html part but not permissions...</p>
  
  <p>Here's what we want:</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;div *ngxPermissionsOnly="['voirResources']"&gt;1232465&lt;/div&gt;
  </code></pre>
  
  <p>Typescript:</p>
  
  <pre><code>  ngOnInit() {
      const roleMetier: Role = new Role();
      roleMetier.nom = 'ADMIN';
      roleMetier.permissions = ['voirHighlightCard', 'voirResources', 'voirTout', 'voirNextSteps'];
      this.rolesService.addRole(roleMetier.nom, roleMetier.permissions);
  
      this.permissionsService.loadPermissions(['ADMIN']);
    }
  </code></pre>
  
  <p>As you could see, I set my role Admin with some permissions.
  After that, I load admin permissions for my current users.</p>
  
  <p>In Html code, I add *ngxPermissions="['voirResources']" so that only users with permission "voirResources" can see the div content.</p>
  
  <p>Here's the code on stackblitz => <a href="https://stackblitz.com/edit/angular-poc-ngx-permissions" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-poc-ngx-permissions</a></p>
  
  <p>My questions are: </p>
  
  <ul>
  <li>can we do it with ngx-permissions?</li>
  <li>if we can't do it with ngx-permissions, do you know another npm packages that I can use? I don't want to develop another ACL package if there's something cool to use ^^</li>
  </ul>
  
  <p>Thanks for your advice!</p>