angularjs中的自定义数据表信息

Question

我一起使用 angular 和 datatables 。我的要求之一是自定义显示条目数的表信息。这不是我可以使用datatable的语言配置进行的文本更新，但我需要将其移动到表格外的div。

我在论坛上看到了这一点，但不知道如何在angularjs中做到这一点。这是为了分页，但我仍然可以将其用于.dataTables_info。

Pagination control outside datatable

 $(document).ready(function() {
     $("#example").dataTable(); 
     $("#NewPaginationContainer").append($(".dataTables_paginate"));
 });

Answer 1

正如“怀特先生”指出的那样，如果你在同一个项目中使用angularjs和dataTables“jQuery方式”，你就会遇到问题。虽然 可能，但只要您尝试使用dataTables更高级的功能（如列呈现），您将面临种族问题和功能损坏。您应该考虑使用Angular dataTables，jQuery dataTables的angular指令。

然后这就是说，即使您使用带或不带指令的jQuery dataTable，您也需要在$timeout中执行此操作，而不是在initComplete()之类的回调中执行此操作。这有时会失败，因为当dataTables有了角度而非nessecarily完成了它的业务。

此外，您所指的解决方案并不完全正确。你检查过答案中的链接了吗？它导致了完全不同的东西。正确的方法是：

$timeout(function() {
   $('.dataTables_info')  
    .detach()
    .appendTo('#NewPaginationContainer')
})   

演示 - ＆gt;的 http://plnkr.co/edit/VHYTFcng0A4w2ipJ7GX5?p=preview

该演示使用了角度dataTables，因此您可以看到差异，但即使您没有使用指令，也应该使用上述方法。