Angular 我该如何设置一个"；“保存”；！保存每行后按钮旁边的消息？

我有一个填充了数据的角度材质表。一列显示选择列表，旁边的列有“保存”按钮。所有这些都正常工作。我希望能够在保存相关行后显示一条消息，上面写着“Saved！”。我该怎么做？下面的代码可以工作，但它为每一行而不是特定行显示“Saved！”。我想我需要跟踪索引或其他东西，但我不确定如何做到这一点

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
  <ng-container matColumnDef="save">
    <th mat-header-cell *matHeaderCellDef>Save</th>
    <td mat-cell *matCellDef="let element"> 
      <button mat-raised-button color="primary">
        Save
      </button>        
       <div *ngIf="this.isSaved===true">Saved!</div>
    </td>
  </ng-container>      
  
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row (click)="saveData(row)" *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

拯救
拯救
保存的！

---

任何有助于解决此问题的建议都将不胜感激。

只需将isSaved属性添加到行数据中即可

TS:

Html:

已保存！

saveData(row){
  // Save data here
  row.isSaved = true;
}

<div *ngIf="element.isSaved===true">Saved!</div>