angular中DOM查询表中的嵌套遍历

<table #myTable>
  <!-- 表格内容 -->
</table>

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  @ViewChild('myTable') myTable: ElementRef;

  ngAfterViewInit() {
    // 在这里可以通过this.myTable.nativeElement来访问表格元素
  }
}

import { Component, Renderer2, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  constructor(private renderer: Renderer2, private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const table = this.renderer.selectRootElement(this.elementRef.nativeElement);
    const rows = table.querySelectorAll('tr');
    const cells = table.querySelectorAll('td');

    // 在这里可以对获取到的行和列进行遍历和操作
  }
}