如何区分同一组件中的两个mat-table (Angular UI)

Question

我在同一个组件中使用了两个 mat-table，现在 renderRows() 对第二个 table 不起作用。

  @ViewChild(MatTable) tagsTable: any;
  @ViewChild(MatTable) serviceAreaTable:any;

this.tagsTable.renderRows(); #工作正常。

this.serviceAreaTable.renderRows(); #不工作

Answer 1

您可以使用模板选择器来区分您的元素

<table mat-table #table1></table>
<table mat-table #table2></table>

并在您的组件中访问它们：

@ViewChild('table1', {static: false}) table1: MatTable;
@ViewChild('table2', {static: false}) table2: MatTable;