问题描述： 在使用Angular mat表格时，当删除了一行后再添加一行数据，新添加的行没有显示出来。

解决方法： 在删除行和添加行的操作后，需要手动调用changeDetectorRef.detectChanges()方法来通知Angular进行变更检测，以更新视图。

以下是一个示例代码：

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-table-example',
  template: `
    
        

      
      
Name
        
{{ element.name }}
      

      
      

      

    

    Delete Row
    Add Row
  `,
})
export class TableExampleComponent {
  displayedColumns = ['name'];
  dataSource = [
    { name: 'Row 1' },
    { name: 'Row 2' },
    { name: 'Row 3' },
  ];

  constructor(private changeDetectorRef: ChangeDetectorRef) {}

  deleteRow() {
    this.dataSource.pop();
    this.changeDetectorRef.detectChanges(); // 手动触发变更检测
  }

  addRow() {
    this.dataSource.push({ name: 'New Row' });
    this.changeDetectorRef.detectChanges(); // 手动触发变更检测
  }
}

在上述示例代码中，我们使用了ChangeDetectorRef来获取变更检测器，并在删除和添加行的操作后调用changeDetectorRef.detectChanges()方法来手动触发变更检测。这样就能确保新添加的行能够正确地显示出来。