Angular4材料数据表更新表，无需重新加载页面

Question

嗨我想更新数据表而不重新加载页面

 dataSource = new UserDataSource(this.userService);
  displayedColumns = ['insertId', 'name', 'email', 'mobile', 'actions'];

这就是我能够显示数据的方式

我正在使用带有对话框的api添加新数据

 dialogRef.afterClosed().subscribe(data => {
      console.log(data);
      this.userService.makeRegister(token, data)
        .subscribe(res => { console.log(res); });
    });

现在我想在数据表中显示这个新数据而不重新加载

Answer 1

实际上非常简单：

private updateTableData(data: any[]) {
  this.dataSource = data && data.length ? new MatTableDataSource(data) : new MatTableDataSource([]);
}

要么创建一个空源，要么创建一个没有行的源，由你决定！