Angular Datatable - страница не получает обновления при обновлении таблицы второй раз в angular 5

Question

Я использую таблицу угловых данных https://l -lin.github.io / angular-datatables / # / welcome .

После вызова API при загрузке страницы таблица данных работает нормально.Но когда я обновил таблицу во второй раз, я столкнулся с некоторой проблемой, такой как:

1) данные отображаются, но отображаются записи, не обновленные, например, показаны записи с 1 по 5 из 5.1 запись "во второй раз вместо" Отображение от 1 до 5 из 5 записей "

2) Когда я ищу конкретную запись, то это поиск записи в предыдущих данных, а не с текущими данными.

ТакЯ попробовал какое-то решение, например

При обновлении данных во второй раз я уничтожаю первый экземпляр таблицы данных, а затем снова визуализирую таблицу данных.Для этого я написал такую ​​функцию, как

rerender(): void {
 THAT.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
  // Destroy the table first
  dtInstance.destroy();
  // Call the dtTrigger to rerender again
  THAT.dtTrigger.next();
 });
}

Answer 1

используйте метод ниже для перепривязки datatable, т.е. this.rebindDataTable ();

rebindDataTable() {
        this.datatableElement.dtInstance.then(x => x.draw());
}