当有人添加新记录时，有什么方法可以更新垫表数据源？

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

检查以下示例：https://stackblitz.com/edit/angular-bxrahf