Datatables :在drawCallBack之后使用Angular编译table HTML时，如何让分页工作？

dtOptions: DataTables.Settings = {};

ngOnInit() {
  this.dtOptions = {
    pagingType: 'full_numbers',
    pageLength: 10
    // 其他配置项...
  };
}

<table datatable [dtOptions]="dtOptions">
  <!-- 表格内容 -->
</table>

@ViewChild(DataTableDirective, { static: false })
datatableElement: DataTableDirective;

rerenderTable() {
  this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
    // 销毁表格实例
    dtInstance.destroy();
    // 重新渲染表格
    this.datatableElement.dtTrigger.next();
  });
}

drawCallback: (settings: any) => {
  this.rerenderTable();
}