anglejsのカスタムデータ可能情報

Question

私はの角度とのデータセットを一緒に使用しています。私の必要条件の1つは、エントリ数を示すテーブル情報をカスタマイズすることです。それは私がdatatableの言語設定を使用して行うことができるテキストの更新ではありませんが、私はテーブルの外のdivに移動する必要があります。

私はフォーラムでこれを見ていますが、angularjsでそれを行う方法がわかりません。これは改ページのためのものですが、それでも.dataTables_infoに使用できます。

Pagination control outside datatable

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

Answer 1

として「ホワイト氏は、」あなたはangularjsとDataTableの同じプロジェクトで「jQueryの道」を使用している場合は、問題を求めている、と指摘します。 はですが、データレンダリングなどの高度な機能を使用しようとするとすぐにレースの問題や機能が壊れます。実際には、Angular dataTables、jQuery dataTablesの角度指令を使用することを検討する必要があります。

これは、指示句の有無にかかわらずjQuery dataTablesを使用していても、initComplete()のようなコールバックではなく、$timeoutで行う必要があります。なぜなら、dataTablesが持っているときには、角度がついにはビジネスを終了していないからです。

また、あなたが言及している解決法はあまり正しくありません。あなたは答えのリンクをチェックしましたか？それはまったく別のものにつながります。正しい方法は次のようになります。

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

デモ - >http://plnkr.co/edit/VHYTFcng0A4w2ipJ7GX5?p=preview

デモあなたは違いを見ることができますが、ディレクティブを使用していないにもかかわらず、あなたが使用する必要がありますので、角度のDataTableを使用しています上記のアプローチ。