当有人添加新记录时，是否有任何方法可以更新垫表数据源？

Question

我正在使用有角材质的材料表从数据库中查看记录，但是当有人向数据库中添加新记录时，它没有出现在表中，因此我需要重新加载页面以进行更新。

有什么方法可以使数据源在不重新加载页面的情况下进行更新？

Answer 1

要更新表格，您可以在Angular Material Table上调用renderRows()。

导入ViewChild和MatTable：

import {Component, ViewChild} from '@angular/core';
import {MatTable} from '@angular/material';

然后您可以使用ViewChild获得对该表的引用

@ViewChild(MatTable) table: MatTable<any>;

然后，当您以任何方式修改表时，将需要调用renderRows（）方法。

updateTable(row: any): void {
  /* update logic here */
  this.table.renderRows();
}