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

該演示使用的是角度數據表，因此您可以看到差異，但是即使您沒有使用指令，也應使用上述方法。