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([]);
}

您可以创建一个空的源，也可以创建没有行的源，具体取决于您！