对于角形材料表，动态生成唯一ID

问题描述

我有一个表，其中包含json数据，如下所示-

 {
        "headers":["id","data"],        "tables": [
            {"data": "1455_456"},            {"data": "14A8_4546"},            {"data": "4B54_454546"},            {"data": "54D5_454"},     
            {"data": "545_4D54"} 
        ]
    }

这里的头将是表头。这些表具有与data列对应的数据。

如何为id列添加值，使其具有值1,2,3，依此类推？ 角材表代码如下-

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">

    <!--- Note that these columns can be defined in any order.
          The actual rendered columns are set as a property on the row definition" -->
  
    <!-- Position Column -->
    <ng-container matColumnDef="id">
      <th mat-header-cell *matHeaderCellDef> # </th>
      <td mat-cell *matCellDef="let element"> {{element.id}} </td>
    </ng-container>
  
    <ng-container matColumnDef="Data">
      <th mat-header-cell *matHeaderCellDef> DocumentId </th>
      <td mat-cell *matCellDef="let element"> {{element.data}} </td>
    </ng-container>
  
   
  
    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>

  <mat-paginator [pageSizeOptions]="[5,10,25,100]" showFirstLastButtons></mat-paginator>
  </div>

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）