Я использую angular 7 с угловыми данными. Я пытаюсь определить кнопку «перерисовать», чтобы перезагрузить данные как в этом примере.
Я не понимаю, что я должен поместить в функцию рендеринга:
Моя функция API:
fn_getFavoriteTables() {
this._getFavoriteTablesApiCall = this.getFavoriteTablesService.getFavoriteTables(Number(localStorage.getItem('UserID')), Number(localStorage.getItem('BranchID'))).pipe(takeUntil(this.destroySubject$)).subscribe(x => {
this.getFavoriteTables = x;
this.dtTrigger.next();
});
};
функция повторного рендеринга:
rerender(): void {
this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
// Destroy the table first
dtInstance.destroy();
// Call the dtTrigger to rerender again
this.dtTrigger.next();
});
}
ngOnDestroy(): void {
console.info('ngDestroy');
// Do not forget to unsubscribe the event
this.dtTrigger.unsubscribe();
}





Нашел ответ, который сработал для меня: это исходный сайт
rerender(): void {
this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
// Destroy the table first
//debugger;
var table = $('#favoriteTable').DataTable();
$('#tableDestroy').on('click', function () {
table.destroy();
});
dtInstance.destroy();
this.fn_getFavoriteTables();
});
}
Это также можно сделать так:
import { DataTableDirective } from 'angular-datatables';
dtElement: DataTableDirective;
dtInstance: Promise<DataTables.Api>;
rerender(): void {
this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
dtInstance.ajax.reload()
});
}
Вы можете использовать API DataTable destroy() для удаления таблицы и повторного использования dtTrigger для повторного рендеринга таблицы. Пожалуйста, проверьте ссылку ниже.
https://l-lin.github.io/angular-datatables/#/advanced/rerender
Я пробовал это решение, но оно не может найти пространство имен DataTables.Api. Я импортировал DatatablesModule, а также типы/datatablesnet и ничего... Я использую версию 9.0.2 datatables