角度材料垫表限制列和Api响应行

Question

我们如何限制Mat Table列和行。

  <mat-table   [dataSource]="dataSource" class="mat-table">
    <span *ngFor="let data of displayedColumns; let i=index">
      <ng-container *ngIf="i<5" matColumnDef="{{data}}">
        <mat-header-cell *matHeaderCellDef> {{data}} </mat-header-cell>
        <mat-cell *matCellDef="let element"> {{element[data]}} </mat-cell>
      </ng-container>
    </span>

    <mat-header-row *matHeaderRowDef="displayedColumns.slice(0,5)"></mat-header-row>
    <mat-row (click)="getRecord(BackupId1,row.objname)" *matRowDef="let row; 
    columns: displayedColumns;"></mat-row>
  </mat-table>

我们可以在TypeScript中限制显示的列数组，但我想在模板中执行。

Answer 1

为此目的，slice pipe in Angular。

来自文档：

<ul>
  <li *ngFor="let i of collection | slice:1:3">{{i}}</li>
</ul>