要访问Angular材料表格中的tbody元素,您可以使用以下解决方法。
然后,您可以在组件的代码中访问该模板引用变量,并通过其nativeElement属性访问tbody元素,如下所示:
import { Component, ViewChild, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent implements AfterViewInit {
@ViewChild('table') table: any;
ngAfterViewInit() {
const tbody = this.table.nativeElement.querySelector('tbody');
// 访问tbody元素
}
}
import { Component, Renderer2, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent implements AfterViewInit {
constructor(private renderer: Renderer2) { }
ngAfterViewInit() {
const tbody = this.renderer.selectRootElement('table').querySelector('tbody');
// 访问tbody元素
}
}
这些解决方法中的任何一种都可以用于访问Angular材料表格中的tbody元素。请根据您的实际需求选择适合您的方法。
下一篇:Angular材料表格过滤测试