使用 Angular 4 在 datatables.net 中实现自定义搜索

Posted 2023-05-07

【中文标题】使用 Angular 4 在 datatables.net 中实现自定义搜索

【英文标题】：Implementing custom search in datatables.net with angular 4

【发布时间】：2018-03-28 19:37:17

【问题描述】：

我正在尝试在列上实现简单的自定义搜索。 这在https://datatables.net/examples/plug-ins/range_filtering.html 中有详细记录。 但是我（到目前为止）唯一的问题是访问 $.fn.dataTable.ext.search 数组，以添加并稍后删除我的自定义搜索功能。

通过角度数据表时，这个数组的路径是什么？

提前感谢您的帮助。

 this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => 

      dtInstance. <-- what goes here?
 );

【问题讨论】：

$.fn.dataTable.ext.search 是一个“全局”列表，不特定于表或 dataTable 实例。您应该可以立即使用它（ad4 在内部使用 $）。也许你有forgotten to declare the $ alias 但jQuery.fn.dataTable.ext.search.push() 等应该可以在任何地方工作。

它声称 dataTable 不存在。然后，当我将其更改为 DataTable 时，它​​声称 ext 不存在。

这几乎是在浪费代表。请出示您的代码，并请详细说明“这里发生了什么？”

【参考方案1】：

由https://github.com/l-lin/angular-datatables/issues/1111的开发者解决

这是因为在 Angular 中使用 typescript 时打字不完整。 正确的参考是$.fn['dataTable'].ext.search

【讨论】：

你能提供一个完整的 Angular 代码示例吗？