Question

我试图找出如何在与angular2中单击的按钮相同的行中获取第n个单元格的值。到目前为止只知道我必须传递$ event值但不确定如何提取相关数据。

app.component.html

中的

<table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Identifier</th>
          <th>Check Identifier</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td hidden>1</td>
          <td>Test</td>
          <td><button (click)="getData($event)">Display</button></td>
          <td>View</td>
        </tr>        
      </tbody>
    </table>

在app.component.ts中的

我有以下功能设置

getData(event: any) {
console.info(event);

// this bit not sure how to do
}

在上面的场景中，如何在点击“显示”按钮后从行中的第一个单元格中提取值1？

Answer 1

  <tbody>
    <tr>
      <td hidden #nth>1</td>
      <td>Test</td>
      <td><button (click)="getData($event, nth)">Display</button></td>
      <td>View</td>
    </tr>        
  </tbody>

getData(event: any, el HTMLElement) {
  console.info(event);
  console.log(el.innerHTML);    
}

点击按钮获取第n个单元格

1 个答案: