<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" (click)="modificarModelUsuario(r.id,r.nombre)">
    <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>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#AgregarUsuarios">
  Agregar
</button>

<app-modal-usuario [idModalUsu]="idSelect" [NombreModalusu]="nombreSelect"></app-modal-usuario>
