在Angular 5数据表中出现错误：无法重新初始化数据表

Question

我正在从事基于角度的项目。我正在使用数据表来显示数据。当我尝试在表上进行一些修改时，出现以下错误。

DataTables警告：表ID = DataTables_Table_0-无法重新初始化DataTable。有关此错误的更多信息，请参见http://datatables.net/tn/3

Answer 1

我认为这是因为您正在[dtTrigger]="dtTrigger"Angular DataTables 中使用并在同一页面上重新呈现该表。如果您有此问题，则应使用以下技巧来处理dtTrigger

    <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table">

确保你不使用this.dtTrigger.next()上ngOnInit()

    ngAfterViewInit(): void {this.dtTrigger.next();}

再次使用时重新渲染

rerender(): void {
  this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
     dtInstance.destroy();
     this.dtTrigger.next();     
 });

Answer 2

我通过删除 *.ts 文件中的以下代码解决了这个问题：

dtOptions: DataTables.Settings = {};
 this.dtOptions = {
};