Angular 如何在QueryList中找到哪个元素<ElementRef>被点击

Question

I have ElmentRef(QueryList) of set of Table cells (td html elements-dynamically created) using ViewChildren. I debugged and have the element set available.

When I click on a particular td html element I call a function and in that function I need to find which element in ElementRef(QueryList) is clicked. How can I do this?

component.html

<table>

    <tr *ngFor="let i of Arr">
      <ng-container *ngFor="let j of Arr">
      
      <td  #tdID (click)="cellClicked(tdID)">
       
      </td>
      </ng-container>
    
    </tr>
    </table>

component.ts

Arr =[1,2,3];
 @ViewChildren('tdID') divs:QueryList<ElementRef>;

cellClicked(cell) {
       console.log("Cell clicked"+cell);
//Help find here which element in the divs QueryList matches "cell"     

}

Answer 1

<table>
    <tr *ngFor="let i of Arr">
      <ng-container *ngFor="let j of Arr">

      <td  #tdID (click)="cellClicked(tdID, i, j)">

      </td>
      </ng-container>

    </tr>
</table>

In you .ts file

cellClicked(tdID, i, j) {
   console.log(tdID, i, j)
}