要解决Angular Material的mat-table未刷新数据的问题，您可以尝试以下解决方法：

1. 确保数据变化时正确地更新数据源：

   • 在组件中定义一个数据源数组，并在ngOnInit()钩子函数中初始化它。
   • 在获取到新数据后，更新数据源数组。
   • 在更新数据源数组后，调用changeDetectorRef.detectChanges()来手动触发变化检测。

   以下是一个示例代码：

   import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
   
   @Component({
     selector: 'app-my-component',
     template: `
       
     `,
     styles: []
   })
   export class MyComponent implements OnInit {
     dataSource: any[];
   
     constructor(private changeDetectorRef: ChangeDetectorRef) { }
   
     ngOnInit() {
       this.dataSource = []; // 初始化数据源数组
       this.getData(); // 获取数据
     }
   
     getData() {
       // 模拟异步获取数据
       setTimeout(() => {
         // 更新数据源数组
         this.dataSource = [
           { name: 'John', age: 25 },
           { name: 'Jane', age: 30 },
           { name: 'Bob', age: 35 }
         ];
   
         // 手动触发变化检测
         this.changeDetectorRef.detectChanges();
       }, 2000);
     }
   }
   

2. 使用Angular的*ngIf指令来重新渲染mat-table：

   • 在mat-table外面包裹一个div，并使用*ngIf指令来控制该div的显示与隐藏。
   • 在数据更新时，将div的*ngIf表达式的值进行更改。

   以下是一个示例代码：

   import { Component, OnInit } from '@angular/core';
   
   @Component({
     selector: 'app-my-component',
     template: `
       
   
         
       
     `,
     styles: []
   })
   export class MyComponent implements OnInit {
     showTable: boolean = false;
     dataSource: any[];
   
     ngOnInit() {
       this.getData(); // 获取数据
     }
   
     getData() {
       // 模拟异步获取数据
       setTimeout(() => {
         this.showTable = true; // 显示表格
         this.dataSource = [
           { name: 'John', age: 25 },
           { name: 'Jane', age: 30 },
           { name: 'Bob', age: 35 }
         ];
       }, 2000);
     }
   }
   

请根据您的具体情况选择合适的解决方法，希望能帮到您！