Как передать идентификатор одного элемента div другому, если второе выполняется в цикле?

Question

У меня есть два элемента div, и мое требование заключается в том, как передать идентификатор присутствия во втором элементе div, который выполняется в цикле, кнопке первого элемента div. Вот пример кода:

<div style="float: right;">
     <button type="button" (click)="delete(skillGroupAndTypeRow.id);"></button>
</div>  

<table class="table table-bordered">
  <thead>
    <tr>
      <th>Select</th>
      <th>Skill Group Names</th>
      <th>Skill Type</th>
    </tr>
  </thead>
  <tbody>
    <tr #skillGroupAndTypeRow *ngFor="let group of groups; let i=index;" id="skillRow-{{i}}">
      <td>
        <input type="checkbox" id="group-{{i}}"  >
        </td>
        <td>{{group.name}}</td>
        <td>{{group.type}}</td>
      </tr>
    </tbody>
</table>

Так как мне передать идентификатор тега в кнопку удаления, присутствующую в приведенном выше разделе.

При таком подходе возникает ошибка, из-за которой невозможно прочитать идентификатор неопределенного.