在angular 9中刷新mat-table

Question

当我删除元素时，我的MAT-TABLE没有刷新

.ts文件

import { MatTableDataSource, MatTable } from '@angular/material/table';
@ViewChild(MatTable) table: MatTable<any>;

const index = this.dataSource.data.findIndex(d => Number(d.id) == Number(id)); 
this.dataSource.data.splice(index, 1);
this.table.renderRows();

.html文件

<table mat-table [dataSource]="dataSource" class="lessons-table mat-elevation-z8" matSort table>

Answer 1

对于要更新的mat-table数据，需要将新数组不变地分配给dataSource。

尝尝这个。

this.dataSource.data = this.dataSource.data.splice(index, 1);