<pre *ngFor="auth.user$ | async as user">
<code>{{user | json}}</code>
  </pre>
<table class="table table-bordered table-hover" *ngIf="usuarios" border="2">
  <thead >
  <tr>
    <td scope="col">id</td><td scope="col">nombre</td><td scope="col">roles</td>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let r of usuarios.data" data-bs-toggle="modal" data-bs-target="#ModificarUsuarios" >
    <td>{{r.id}}</td>
    <td>{{r.nombre}}</td>
    <td> <span *ngFor="let f of r.roles" class="badge  badge-success spam_magin">{{f}}</span>   </td>
  </tr>
  </tbody>

</table>
