如何在angular 6中获取表的第一列Td值

<table>
  <tr *ngFor="let row of tableData">
    <td>{{ row.column1 }}</td>
    <td>{{ row.column2 }}</td>
    <td>{{ row.column3 }}</td>
    <!-- 其他列 -->
  </tr>
</table>

export class MyComponent implements OnInit {
  tableData: any[] = [
    { column1: 'Value 1', column2: 'Value 2', column3: 'Value 3' },
    { column1: 'Value 4', column2: 'Value 5', column3: 'Value 6' },
    // 其他行数据
  ];

  constructor() { }

  ngOnInit() {
  }
}

export class MyComponent implements OnInit {
  // ...

  getFirstColumnTdValues() {
    const table = document.querySelector('table');
    const firstColumnTds = table.querySelectorAll('tr td:first-child');
    const values = [];

    firstColumnTds.forEach(td => {
      values.push(td.textContent);
    });

    console.log(values);
  }
}