angular - 以角度向表格添加列

Question

我正在尝试使用表中的 2 个日期列来计算并在第三列中显示这两个日期之间的时间差。但是结果我没有得到预期的解决方案。diff_minutes 是一个计算 2 个输入 2 个日期之间的时间差的函数。

我是 Angular 新手，没有找到解决方案。

我试图单独计算列，但无法将其绑定到主表

this.Tabletodisplay = this.tabledata.map( o => { o.TAT = 
this.tabledata.map(TAT => 
this.diff_minutes(TAT.Last_Modified_Date,TAT.Create_Date))

--HTML 段

    <div>
        <mat-card class="mx-auto" style="margin-top: 2rem; width:100%;">
          <mat-card-title>Table List
        </mat-card-title>
          <mat-card-content>
            <div id="SummaryTable2">
              <nz-table #TTSummaryTable2 [nzData]="this.listOfIDsFollowUp" [nzLoading]="isLoading" >
                <thead style="font-style:bold">
                  <tr>
                    <th style="width: 300px;">ID</th>
                    <th style="width: 200px;">Created At</th>
                    <th style="width: 200px;">Last Update Time</th>
                    <th style="width: 200px;">TAT</th>

                  </tr>
                </thead>
                <tbody>
                <tr *ngFor="let data of SummaryTable2.data" 


                    <td>{{ data.CaseId }} </a></td>
                    <td>{{ data.Last_Modified_By_User |date: "medium"}}</td>  
                    <td>{{ data.Create_Date | date: "medium"}} </td> 
                    <td>{{ data.TAT}} </td> 
                </tr>
                </tbody>
              </nz-table>
            </div>
          </mat-card-content>
        </mat-card>
      </div>

标签： angular