Есть ли способ обновить источник данных таблицы матов, когда кто-нибудь добавляет новую запись?

Question

Я использую angular таблицу соответствия материалов для просмотра записей из базы данных, но когда кто-то добавляет новую запись в базу данных, она не появляется в таблице, поэтому мне нужно перезагрузить страницу, чтобы получить обновление.

Есть ли способ обновить источник данных без перезагрузки страницы?

Answer 1

Для обновления таблицы вы можете позвонить renderRows() на Angular Таблица материалов.

Импорт 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