<div class="row">
  <div class="col">


    <table class="table table-bordered table-hover" *ngIf="restaurante" border="1">
  <thead>
  <tr >
    <th scope="col">id</th><th scope="col">nombre</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let r of restaurante.data" data-bs-toggle="modal" data-bs-target="#modificarRes" (click)="modificarResModal(r.id,r.nombre)">
    <td scope="row">{{r.id}}</td>
    <td>{{r.nombre}}</td>
  </tr>
  </tbody>

</table>
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
      Agregar
    </button>
   </div>
</div>
<div>
<app-modal [idModalRes]="idSelect" [nombreSelect]="nombreSelect"></app-modal>





