如何编写动态生成的表格在角度6中的第一个td值的单击事件

Question

我试图为表的tr td值编写click事件。我已经生成了一个表，并且我具有表ID。如果我单击第一个列的td值，我想显示警报。我们该怎么办？有没有解决方案？] >

请不要编写任何内联onclick事件。我要在app.component.ts文件中编写。

示例：

app.component.html：

 <table id="tableId">
  <thead>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </thead>
  <tr>
    <td>123456</td> ---->If i click this i want to show alert with this value
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>253689</td>---->If i click this i want to show alert with this value
    <td
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr> 
 </table>
app.component.ts：

ngOnInit(){

???
}

我试图为表的tr td值编写click事件。我生成了一个表，并且具有表ID。如果我单击第一个列的td值，我想显示警报。我们该怎么办？有什么解决方案？ ...

Answer 1

在app.component.html内，将模板引用变量（使用#）添加到表格元素。