Angular 使用Sort具有未知数量的多个mat表
我想为每个表创建一个带有排序功能的表列表。问题是我不知道表的数量(取决于列表的长度),我已经检查了如何使用它。但当涉及到未知数量时,我应该如何做呢Angular 使用Sort具有未知数量的多个mat表,angular,angular-material,frontend,Angular,Angular Material,Frontend,我想为每个表创建一个带有排序功能的表列表。问题是我不知道表的数量(取决于列表的长度),我已经检查了如何使用它。但当涉及到未知数量时,我应该如何做呢 提前感谢。关于您所拥有的表类型和数据的更多信息将在这里有用。但是我通常建议创建一个表对象列表(这个列表应该自动填充,因为您不知道表的数量) 然后,我建议为创建一个单独的组件,该组件应该绑定表对象中的一些数据 类似这样的伪代码(注意:这只是一个示例,检查语法,等等,只是给你一个想法): TS HTML 你的描述太混乱了。请举例说明你的意思。它与此类似
提前感谢。关于您所拥有的表类型和数据的更多信息将在这里有用。但是我通常建议创建一个表对象列表(这个列表应该自动填充,因为您不知道表的数量) 然后,我建议为
创建一个单独的组件,该组件应该绑定表对象中的一些数据
类似这样的伪代码(注意:这只是一个示例,检查语法,等等,只是给你一个想法):
TS
HTML
你的描述太混乱了。请举例说明你的意思。它与此类似,但我不想只创建两个表,而是要创建一个数据源列表,并使用每个数据源创建一个表。
Table1 = {
name: "Peter",
age: 25,
country: "USA:
}
Table2, Table3 (as above)..
this.tables = [Table1, Table2, Table3]
<div *ngFor = let table of tables>
<my-table-compopent
[name]=table.name
[age]=table.age
[country]=table.country
</my-table-component>
</div>
<mat-table #sBSort matSort style="min-width: 1200px;">
<ng-container matColumnDef="domain">
<mat-header-cell *matHeaderCellDef mat-sort-header> {{name}} </mat-header-cell>
<mat-cell *matCellDef="let row"> {{age}} </mat-cell>
</ng-container>
</mat-table>