angularjs中的自定义数据表信息

Question

我使用的角度和数据表一起。 我的要求之一是定制显示条目数的表信息。 这不是文本更新，我可以使用数据表的语言配置来完成，但是我需要将其移动到表外的div中。

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

分页控制外部数据表

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

Answer 1

正如“怀特先生”所指出的，如果您在同一项目中以“ jQuery方式”使用angularjs和dataTables，则您正在询问问题。 尽管有可能，但是当您尝试使用dataTables更高级的功能（例如列渲染）时，您将面临种族问题和功能失效。 您应该真正考虑使用Angular dataTables ，即jQuery dataTables的angular指令。

这就是说，即使您使用的是带或不带指令的jQuery dataTables，也需要在$timeout中而不是在诸如initComplete()的回调中进行。 这有时会失败，因为当dataTables完成时，Angular不一定会完成其业务。

另外，您所指的解决方案也不完全正确。 您是否已查看答案中的链接？ 它带来了完全其他的东西。 正确的方法是：

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

演示-> http://plnkr.co/edit/VHYTFcng0A4w2ipJ7GX5?p=preview

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