将数据动态添加到MatTableDataSource材质角度

import { MatTableDataSource } from '@angular/material/table';

// 初始化数据
const initialData = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 },
];

// 创建数据源
const dataSource = new MatTableDataSource(initialData);

// 获取当前数据
const currentData = dataSource.data;

// 添加新数据
const newData = { name: 'Tom', age: 35 };
currentData.push(newData);

// 更新数据源
dataSource.data = currentData;

<table mat-table [dataSource]="dataSource">
  <!-- 表格列定义 -->
  <ng-container matColumnDef="name">
    <th mat-header-cell *matHeaderCellDef>Name</th>
    <td mat-cell *matCellDef="let element">{{ element.name }}</td>
  </ng-container>

  <ng-container matColumnDef="age">
    <th mat-header-cell *matHeaderCellDef>Age</th>
    <td mat-cell *matCellDef="let element">{{ element.age }}</td>
  </ng-container>

  <!-- 表格行定义 -->
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>