Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 使用Sort具有未知数量的多个mat表_Angular_Angular Material_Frontend - Fatal编程技术网

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>