时间戳

首页 > 解决方案 > 访问物料表标题单元格中的行数据

angular - 访问物料表标题单元格中的行数据

问题描述

要访问列中当前行的数据，我们可以使用以下代码：

 <mat-cell *matCellDef="let rowdata">{{rowdata.name}}</mat-cell>

但我需要访问标题行上的数据。我们可以这样做吗？像这样

<mat-header-cell *matHeaderCellDef="let rowdata" >{{rowdata}}</mat-header-cell>

标签： angularangular-material

解决方案

这是不可能的——而且没有意义。您有0...n单元格，因此rowdata为每个单元格获取每个元素的值。但是你只有一个表头。它可以为您提供的唯一合理数据是一个包含 all 的数组rowdata。

但是，您可以dataSource直接访问您传入的底层证券。

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
  <ng-container matColumnDef="someColName">
    <th mat-header-cell *matHeaderCellDef> {{dataSource[0].name}} </th>
    <td mat-cell *matCellDef="let rowdata"> {{rowdata.name}} </td>
  </ng-container
</table>

推荐阅读